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

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

React Native用JavaScript SDKにて会員登録、ログインができるようになりました

f:id:mbaasdevrel:20180306160753p:plain

スマートフォンアプリはSwiftやJavaのように特定のプラットフォームで利用できるもの、そしてUnityやMonacaのように複数のプラットフォームで動作するものがあります。React Nativeは後者に属する技術です。

以前React Native用SDKを開発していたのですが、バージョンアップなどに伴って利用できなくなっていました。そこでTypeScriptに沿う形で改めてReact Native SDKを開発しはじめました。なお、これは非公式のSDKになりますので、サポート外になります。

今回は会員登録、ログイン処理について紹介します。

利用法

セットアップ

インストールは npm で行います。

npm i ncmb-react-native -S

まずライブラリを読み込みます。

import NCMB from 'ncmb-react-native';

そして初期化します。

import config from './config.json';
const ncmb = new NCMB(config.applicationKey, config.clientKey);

会員登録

会員登録は以下のように行います。

const user = new ncmb.User();
if (await user
  .set('userName', 'tester4')
  .set('password', 'password')
  .signUpByAccount()) {
}

signUpByAccountが通れば会員登録完了です。

ログイン

認証は次のように行います。

user = await ncmb.User
  .login('tester4', 'password');

現在ログインしているユーザ

現在のユーザは ncmb.currentUser にて取得できます。

セッションについて

認証後、セッショントークンが自動的にヘッダー情報に追加されます。認証後や特定のロールでしかアクセスできないデータも利用できます。

コード

SDKはNCMBMania/ncmb-react-native: NCMB SDK for React Nativeにて公開しています。ライセンスはMIT Licenseです。

まとめ

認証を行うことで、自分しかアクセスできないデータを作ったり、管理者のみ全データにアクセスできるといった仕組みを作ることができます。本格的なアプリ開発を行い際にはぜひご利用ください。

中津川 篤司

中津川 篤司

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