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