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

スマホアプリ開発にニフクラ mobile backend(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環境を整えてコンパイルすると言った手間もありません。

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

使い方

実際の使い方は通常のJavaScript SDKと変わりません。ただし、クライアントキーにはダミーを指定する必要があります。エラー回避用であって、処理には使われませんので適当な文字を指定してください。

SIGNATURE_SERVERというグローバル変数が定義されていると、それを使うようになっています。必ず定義してください。サーバの準備については後述します。

var SIGNATURE_SERVER = 'https://localhost/sign';
var applicationKey = 'e61...669';
var clientKey = 'dummy';
var ncmb = new NCMB(applicationKey, clientKey)

JavaScript SDKは特別版になります

JavaScript SDKは若干拡張しています。NCMBMania/ncmb_server_v2を使ってください。自分でコンパイルもできますが、こちらのJavaScriptファイルを使うのが早いでしょう。

署名サーバ

署名サーバのコードはNCMBMania/sign_server_v2にあります。送られた文字列の署名を生成して返すだけのサーバです。

利用する際にはHerokuにデプロイするのが一番簡単かと思います。リポジトリにHerokuボタンを用意していますので、それをクリックしてください。デプロイ時にはNCMBのクライアントキーが求められますので指定してください。

f:id:mbaasdevrel:20180410184037p:plain

サーバが立ち上がったら、 https://app.herokuapp.com/ といったURLになるかと思います。 https://app.herokuapp.com/sign を SIGNATURE_SERVER のURLとして指定してください。

まとめ

これで署名処理がサーバサイドで行われるようになります。利点としては前述の通り、クライアントキーの隠蔽が可能になります。欠点としてはサーバへのリクエストが一回追加されることでしょう。

なお、署名処理が隠蔽化されたとしてもデータストアを利用する部分などのロジックが隠蔽化される訳ではありませんのでご注意ください。ロジックを見せたくない場合にはスクリプト機能をご利用ください。

中津川 篤司

中津川 篤司

NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。 2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。