backend(mBaaS)。Webサービスこんにちは!新入社員の平出です!皆さん、Objective-Cアプリ開発してますか!?せっかく開発したアプリ、多く使ってもらうためにもログインの手間は省きたいですよね。backendというクラウドサービスです。backendを使ってObjective-CアプリへFacebook連携を組み込むサンプルアプリを作りました。Service)と呼ばれるクラウドサービスで、スマートフォンアプリでよく利用される汎用的な機能をクラウドから提供するサービスです。クラウド上に用意された機能をAPIで呼び出すだけで利用できるので、サーバー開発・運用不要でよりリッチなバックエンド機能をアプリに実装することができます。backendではなくmBaaSと呼ばせていただきます。SDKも用意しており、Objective-Cからも簡単に利用できます。今回の概要Facebookのログイン機能を実装したサンプルプロジェクトに対して、mBaaSの『SNS連携(Facebook連携)』を利用して実際に連携を行います。FaceBook連携で取得した会員データはmBaaSの『会員管理機能』として扱うことができます。今回は以下4つの手順で進めて行きたいと思います。以下の環境で行っています。4x,5xそれでは、早速始めましょう!1.mBaaSでAPIキー取得まずはmBaaSの会員登録(無料)します。登録が完了してログインをすると、下図のように「アプリの新規作成」画面が出るのでアプリを作成します。アプリを作成すると下図のような画面になります。この2種類のAPIキー(アプリケーションキーとクライアントキー)はXcodeで作成するiOSアプリにmBaaSを紐付けるために使用します。動作確認後に会員情報(アクセストークン)が保存される場所も確認しておきましょう。2.サンプルプロジェクトにAPIキーを設定GitHubにアクセスしてサンプルプロジェクトをダウンロードしましょう。ボタンをクリックしてダウンロードします。ダブルクリックしてXcodeを開きます。「AppleDelegate.swift」を開いてAPIキーの設定を行いましょう。先ほどmBaaSのダッシュボード上で確認したAPIキーを貼り付けます。それぞれ「YOUR_NCMB_APPLICATION_KEY」と「YOUR_NCMB_CLIENT_KEY」の部分を書き換えます。この時、ダブルクォーテーション(")を消さないように注意してください!書き換えたらファイルを保存しておきましょう。developersにログイン(Facebookアカウントがない場合はアカウントを作成)して、右上の「マイアプリ」からの「新しいアプリを追加」を選択します。(初めての場合は「マイアプリ」をクリック後に「Facebookに統合されたアプリはありません」と出るのでその右にある「新しいアプリを作成」ボタンをクリックします。メールアドレス」と「カテゴリ」を入力して「アプリIDを作成」をクリックします。Securityチェック欄には質問の対象画像を全て選択し、「確定」をクリックします。するとアプリが作成されます。したらアプリ専用ページに飛びます。SDKのクイックスタートより「プラットフォームを選択」をクリックします。Identifier」を入力します。IDをコピペして、次へをクリックします。Start」をクリックします。ダッシュボードが表示されるので、「アプリ名」と「アプリID」をXcodeプロジェクトの「Info.plist」にコピペします。このアプリIDはmBaaSにも設定をします。左側のメニューから、「アプリ設定」>「SNS連携」の設定を開きます。携携の許可にチェックを入れた上で、Facebookの開発者向けサイトで発行されたアプリIDを入力してください。したら「保存する」クリックしましょう。developersの左メニューから「アプリレビュー」をクリックし、「アプリ名を公開しますか?」を「はい」にしておきます。4.動作確認いよいよ動作確認ですね!Xcode画面で左上の実行ボタン(三角の再生マーク)をクリックします。シュミレーターが起動したら、Login画面が表示されるので、Loginボタンをクリックします。ログインのブラウザが画面が表示されるのでしたがってログインを行います。ログインに失敗した場合は画面にエラー内容が表示されます。ログインに成功したらログアウトします。※万が一エラーが発生した場合は、こちらよりエラー内容を確認いただけます。成功したら、mBaaSのダッシュボードから「会員管理」を確認してみましょう!「authData」にはアクセストークンが保存されます。Facebookにログインして「アプリ」>「アプリ設定」欄にログインの記録が保存されます。Service)とは、スマートフォンアプリでよく利用される汎用的な機能をSDKとクラウドから提供するサービスです。backendのちょっと便利な使いかた・非公式SDKやアプリ開発の関連情報などをお届けするブログです。※記事内には、サポート対象外の内容も含みます。本ブログではコメント機能を公開しておりません。アプリ開発を行う上での課題解決には、ユーザーコミュニティやもくもく会などもご活用ください。LIMITEDスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。