BaaSを使えばアカウント認証やプッシュ通知は、もう面倒くさくないiOSアプリ開発は、BaaSでここまではかどるぞ(後編)(1/3 ページ)

ここ2年ほどの間で広まってきたクラウドサービス「BaaS(Backend as a Service)」。バックエンドにリソースを割かずに済むBaaSの機能としてデータストア、ソーシャルサービスとの連携、認証機構、プッシュ通知などをiOSアプリから使う方法を解説。

» 2013年11月12日 15時00分 公開
[高橋俊光ティルフィン合同会社]

 前回の「無料評価版BaaSでクラウドのデータストアを操作してみた」では、BaaSの概要と、BaaSの例として「Windows Azure」のサービスを紹介し、データストアを利用したiOSアプリの開発について解説しました。今回は引き続き「Windows Azureモバイル サービス」(以下、モバイル サービス)の外部サービスのアカウント認証とプッシュ通知について、実装を前回のアプリプロジェクトに加えながら説明していきます。

モバイル サービスのアカウント認証機能とは

 モバイル サービスでは、Microsoftアカウント、Facebook、Twitter、Googleアカウントの4つの大手サービスのアカウントによる認証機構を提供しています。今回は、もともとWindows Azureを利用する上で必要なMicrosoftアカウントを利用してみましょう。

 Live Connect デベロップ センターにアクセスして、アプリを登録し、クライアントIDとクライアントシークレットを手に入れます。サイトを開いたら、上部の[マイ アプリ]をクリックします。

 未サインインであれば、Microsoftアカウントで認証します。マイ アプリケーションで[アプリケーションの作成]をクリックします。「アプリケーションを Windows Live に接続します」で[アプリケーション名]を適当に入力して、[同意する]をクリックします。

 この時点で[クライアント ID]と[クライアント シークレット]が表示されているので、控えておきます。図1のように[リダイレクト ドメイン:]にモバイル サービスのURLを入力して、[モバイル クライアント アプリ]に[はい]、[JWT発行の制限]に[いいえ]を選択して保存します。

図1 Live Appの詳細設定

 前回作成したWindows Azure管理ポータルのモバイル サービスの画面に行きます。上部の横並びのメニューから[ID]をクリックして、Microsoftアカウント設定のセクションの[クライアントID]と[クライアント シークレット]にそれぞれ取得した値を入力して、画面下部の保存ボタンをクリックします(図2)。

図2 Windows Azure管理ポータルのモバイル サービスのID

Xcodeで認証画面を実装する

 前回のプロジェクトをXcodeで開きましょう。「QSTodoListViewController.m」を開きます。プライベートインターフェイスに次の行を追記します。

@property (nonatomic) MSUser *signedInUser;

 さらに以下のようにviewDidLoad:メソッドの書き換えとviewDidAppear:メソッド、didSignInメソッドの実装を追記します。

  1. - (void)viewDidLoad
  2. {
  3. [super viewDidLoad];
  4. // Create the todoService - this creates the Mobile Service client inside the wrapped service
  5. self.todoService = [QSTodoService defaultService];
  6. }
  7. - (void)viewDidAppear:(BOOL)animated
  8. {
  9. [super viewDidAppear:animated];
  10. if (self.signedInUser) return;
  11. MSClient *client = self.todoService.client;
  12. MSLoginController *loginController =
  13. [client loginViewControllerWithProvider:@"microsoftaccount"
  14. completion:^(MSUser *user, NSError *error) {
  15. if (error) {
  16. NSLog(@"Error: %@", error);
  17. } else {
  18. NSLog(@"Success userId: %@", user.userId);
  19. }
  20. self.signedInUser = user;
  21. [self dismissViewControllerAnimated:YES completion:nil];
  22. [self didSignIn];
  23. }];
  24. [self presentViewController:loginController animated:YES completion:nil];
  25. }
  26. - (void)didSignIn
  27. {
  28. // Set the busy method
  29. UIActivityIndicatorView *indicator = self.activityIndicator;
  30. self.todoService.busyUpdate = ^(BOOL busy)
  31. {
  32. if (busy)
  33. {
  34. [indicator startAnimating];
  35. } else
  36. {
  37. [indicator stopAnimating];
  38. }
  39. };
  40. // add the refresh control to the table (iOS6+ only)
  41. [self addRefreshControl];
  42. // load the data
  43. [self refresh];
  44. }

 フレームワーク内に「MSLoginController」という認証用ビューコントローラがあり、これをMSClientのloginViewControllerWithProvider:completion:メソッドを呼び出すことで生成できます。そして、このビューコントローラをモーダル表示させるだけで、Webビューベースの外部サービスの認証が実装できます。引数providerに指定する識別子によって外部サービスを決定します。それぞれサービスと識別子のペアは以下の通りです。

サービス名 識別子
Microsoftアカウント microsoftaccount
Twitter twitter
Facebook facebook
Googleアカウント google

 今回は単純に、Todoリスト画面の表示時に、サインインしていなければログイン画面を表示する仕組みにしました。ログイン成功時にはMSUserのインスタンスが返ってきます。このuserIdプロパティをユーザー識別子として他で使えます。

       1|2|3 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

スポンサーからのお知らせPR

Smart & Social 險倅コ九Λ繝ウ繧ュ繝ウ繧ー

譛ャ譌・譛磯俣

注目のテーマ

4AI by @IT - AIを作り、動かし、守り、生かす
Microsoft & Windows最前線2025
AI for エンジニアリング
ローコード/ノーコード セントラル by @IT - ITエンジニアがビジネスの中心で活躍する組織へ
Cloud Native Central by @IT - スケーラブルな能力を組織に
システム開発ノウハウ 【発注ナビ】PR
あなたにおすすめの記事PR

RSSについて

アイティメディアIDについて

メールマガジン登録

@ITのメールマガジンは、 もちろん、すべて無料です。ぜひメールマガジンをご購読ください。