ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

ファイルストアのHTTPS公開機能がETagに対応しました

f:id:mbaasdevrel:20180418160022p:plain

2018年04月18日の機能追加で、ファイルストアのHTTPSファイル公開機能においてETagがサポートされました。ETagはいわばファイルのキャッシュ機能になります。

ETagのメリットはファイル表示の高速化になります。すでに一度表示した画像であれば、ブラウザのキャッシュを使って瞬時に表示されるようになります。

続きを読む

MonacaアプリにJavaScriptだけでFacebook認証を実装する

f:id:mbaasdevrel:20180416173615p:plain

Facebookアプリのシングルサインオンは便利な仕組みですが、Monacaアプリではプラグインを使わなければなりません。そのため、有料プランが必須になります。無料プランで、これからMonacaを触っていこうと考えている方にとっては敷居が高いかも知れません。

そこで今回はJavaScriptだけでNCMBのFacebook認証を実現する方法を紹介します。

続きを読む

Facebook SDKのシングルサインオンを使ってMonacaアプリでログインする

f:id:mbaasdevrel:20180416173615p:plain

mBaaSではソーシャル連携サービスとして、各種SNS(Facebook、Twitter、Google+)でログインする機能があります。通常、MonacaアプリではJavaScript SDKを使うのですが、標準で提供されているJavaScriptのFacebook SDKはサーバサイドを想定しており、ログインに使えません。

解決する方法としてFBopenを使ってWebViewで認証する方法がありますが、これは毎回ID、パスワードを入力する手間があります。Facebookアプリを使っているのであれば、そちらの認証情報が使いたいと思うでしょう。

それを可能にするCordovaプラグインがjeduan/cordova-plugin-facebook4: Use the latest Facebook SDK in your Cordova and Ionic projectsになります。今回はこのプラグインを使ってmBaaSの認証を行う方法を紹介します。なお、独自プラグインになりますのでMonacaのゴールドプラン以上が必要です。

今回はiOSで行っています。iOSの場合、プロビジョニングプロファイルが必要になります。あらかじめ取得しておいてください。

続きを読む

ニフクラ mobile backendをWebアプリケーションでも安全に使うには

JavaScript f:id:mbaasdevrel:20171212211252p:plain

ニフクラ mobile backendはスマートフォンアプリのバックエンド(サーバサイド)で必要な技術を提供します。しかし、バックエンドが必要なのはアプリだけとは限りません。サーバサイドで動く、Webアプリケーションにおいてもデータベースやストレージのような仕組みは必要です。

JavaScript SDKはWebブラウザ上のJavaScriptでも動作します。しかし、その際にアプリケーションキーとクライアントキーを入力しなければなりません。この二つのキーはニフクラ mobile backendのアプリ認証キーとして使われますので漏洩、または閲覧できる状態にあるのはよくありません。

そこで今回はWebアプリケーションでニフクラ mobile backendを安全に使うための方法を紹介します。

続きを読む

サーバサイドでmBaaSの認証を使うには

f:id:mbaasdevrel:20180416173340p:plain

mBaaSはスマートフォンアプリ向けのサービスですが、バックエンドとしてだけ見ると、何もアプリだけに限りません。一般的にサーバサイドで必要になる認証、データベース、ファイルストレージなどmBaaSを使うことで管理が不要になります。

そこで今回はJavaScript SDKを使ってWebサービスを構築する方法について紹介します。まず最初に問題になりそうな認証の行い方です。

続きを読む

Nuxt.jsを使ってVue × NCMBでサーバサイドレンダリングを実現する

f:id:mbaasdevrel:20180323175835p:plain

最近、ReactやVue、AngularといったVirtualDOMを使ったフレームワークが人気です。そして、元々Webブラウザ上だけで動作していたのが、サーバサイドでも同じ仕組みで使えるようになっています。サーバサイドレンダリングによって、サーバサイド/クライアントサイドの両方で同じように開発できるようになっています。

Vueでサーバサイドレンダリングを使う際に便利なフレームワークがNuxt.jsになります。そしてmBaaSはネットワークを用いた処理になるので非同期処理になるのがデータ表示時のネックになります。そこで今回はNuxt.jsとmBaaSを組み合わせて使う方法について紹介します。

続きを読む

JavaScript SDKの署名処理をサーバサイドで行う

f:id:mbaasdevrel:20171212211252p:plain

以前にも署名をサーバで行えばニフティクラウド mobile backendをWebアプリでも使えますにて行ったネタですが。当時はJavaScript SDKが1.2系でしたので、今回は2系に対応させました。

JavaScript SDKの署名処理をサーバサイドで行うのはRust/WebAssemblyによるNCMBの署名処理ができましたと同じくクライアントキーの隠蔽化が主な目的になります。これによって、Webアプリケーションにおいても安全にmBaaSを利用できます。WebAssembly版はモダンなWebブラウザのみ対応しますが、サーバ署名であればIE8などのレガシーなブラウザでも動作しますし、WebAssemblyのようにRust環境を整えてコンパイルすると言った手間もありません。

今回はサーバサイドでの署名処理を実装する方法について紹介します。

続きを読む

Google Apps Script用SDKを使ってマスターデータをGoogleスプレッドシートでメンテナンスする

f:id:mbaasdevrel:20180405222526p:plain

Googleスプレッドシートを使っている方は多いかと思います。その利用用途の一つに、マスターデータやキャラクターデータを管理するケースもあるでしょう。そして作成したデータをCSVにしてmBaaSにインポートしている方もいるのではないでしょうか。

CSVインポートだとobjectIdが書き換わってしまう問題があったり、かといってコピー&ペーストでデータをメンテナンスするのはとても面倒です。そこでGoogle Apps Script用SDKを使ってマスターメンテナンスを手軽に行えるようにしました。このメリットとしては例えば以下が挙げられます。

続きを読む

mBaaSのプランを変更する方法

f:id:mbaasblog:20180328193839p:plain

ニフクラ mobile backend(以下mBaaS)では、以下の画像のように3種類のプランがあります。

f:id:mbaasblog:20180328191819p:plain

mBaaSを新規登録した際は、まずBasicプランで始まります。そこから、決済情報を登録することでExpertプランやカスタマイズプランにアップグレードできます。また、アップグレードすることで、使える機能が増えたり、テクニカルサポートを受けることができるようになります。

そこで今回は、mBaaSの管理画面でのプランのアップグレード方法について具体的にご紹介いたします。

続きを読む