backend(mBaaS)。TwittermBaaSでは各種ソーシャルサービスを使った認証機能を提供しています。今回はその一つ、Twitter認証を使う方法を紹介します。TwitterではJavaScriptだけで認証を終えることができず、外部にサーバが必要になります。今回はOAuth.ioを使ってサーバレスのまま、Twitter認証を実装してみたいと思います。Developersへ行き、Twitterアプリを作成します。ここでコンシューマキーとコンシューマシークレットの2つのキーを取得します。APIsを設定します。Twitterを選択し、先ほど取得したコンシューマキーとシークレットキーを設定します。mBaaSの管理画面で設定を行う次にmBaaSの管理画面に入り、Twitter連携の許可と、コンシューマキーの設定をします。使ってみるでは実際にコードを書いてみます。OAuth.ioのライブラリを読み込みます。今回はBowerを使ってインストールします。oauth-jsそしてHTML側で読み込みます。src=&quot;bower_components/oauth-js/dist/oauth.min.js></script>使い方ですが、ポップアップウィンドウを出して認証を行います。OAUTH-IO-KEYはOAuth.ioにて指定されるキーになります。});この認証完了時点ではユーザの情報は殆どありません。そこでTwitterにユーザ情報APIをコールします。中にユーザ情報が入ってきます。mBaaS側で必要な認証の情報ですが、次のようになります。IDTwitterアカウントの名前コンシューマーキーコンシューマーシークレットトークントークンシークレットこれらのデータを取得するコードは次のようになります。OAUTH_CONSUMER_KEY、OAUTH_CONSUMER_SECRETはTwitterにて取得したコンシューマキーとコンシューマシークレットを当てはめてください。});注意点としてはdata.id(TwitterのユーザID)は数値であり、文字列としておく必要があるということです。後はこのuser_infoを使って認証を行います。返ってくるのはユーザオブジェクトになります。user;})後はこのユーザオブジェクトを使って権限管理に利用ができます。})Twitterを使った認証機能はこのように実装します。各種キーも会員情報として保存されていますので、外部のTwitterライブラリを使って写真を共有したり、ステータスをアップロードするといったこともできるでしょう。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。