中津川篤司Twitter4Facebook25はてブ2Pocket5LINE世界最大級のクラウドサービスとして有名なAWS。多機能で色々なことができますが、使いこなすには難易度が高いサービスでもあります。スマートフォンアプリ開発をされている方の中には、バックエンド(サーバ)側の知識にあまり馴染みが無いという方も多いのではないでしょうか。AWSの中でもモバイルアプリ開発に利用できる機能をまとめて提供しているサービスになります。Hubの各種機能をMonacaアプリに組み込む方法を紹介します。Hubでは以下の機能が提供されます。Pinpointを利用いずれも既存のAWSの機能を使っています。Hubを使うことで設定の手間を減らせるようになっています。認証機能について今回紹介する認証機能は以下の要件を満たしています。本記事で作成するサンプルアプリでは、基本となるID/パスワード認証とメールアドレス検証の実装について紹介します。前提条件この記事では、まずAWSのアカウントは持っていることとします。CLIを使ってローカルコンピュータ上で開発します。CLIを利用するのでNode.jsもインストールされていることとします。HubのCLIツールをインストールします。CLIを使ってアプリを作ります。Minimum」を選択します。AWSHubDemowwwディレクトリに移動し、srcディレクトリを作成しておいてください。Project」からウィザードに従ってプロジェクトを作成します。プラットフォームは「Web」を選びます。app(ホスティングを有効にする)」のチェックは外しておきましょう。ウィザードを進めるとコマンドが表示されますので、一番最後のコマンドをMonacaプロジェクトのwwwディレクトリで実行します。xxxxxxxxxxxx実行すると、初期設定項目の入力を求められますが、すべてデフォルトのままEnterを押していきます。すると、以下のようにキーの入力がが求められます。ページが開くので、「プログラムによるアクセス」にチェックが入った状態で次に進みます。権限を割り当てて次へ進みます。完了画面に表示される「アクセスキーID」と「シークレットアクセスキー」をコマンドラインから入力してください。いうファイルができていれば完了です。Passwordとします。パスワード長や含むべき文字種なども指定できます。サイドメニューの中から「MFAそして確認」をクリックします。「多要素認証(MFA)を有効にしますか?」については必須または省略可能とします。「第2の要素」は「SMSテキストメッセージ」または「時間ベースのワンタイムパスワード」のどちらかを選択します。SNSの制限に引っかかってしまうので、今回は「時間ベースのワンタイムパスワード」を選択します。認証機能の反映バックエンドに認証機能を追加したら、ローカルのプロジェクトを最新の状態に更新します。Monacaプロジェクトのwwwディレクトリ内で、以下のコマンドを実行すると認証機能が使えるようになります。コマンドで以下のライブラリをインストールしてください。Amplify」から利用したい機能を取り出します。今回は認証機能用のモジュール「Auth」を取得します。Auth;});このファイルのままではMonacaから使えないので、ソースを変換します。今回はgulpを使います。