虫カゴアプリ : インストール直後とログイン認証の流れ

スポンサーリンク

CheerMeUpのインストール直後の設定の流れをMEMOしておきます。現在のところ、CheerMeUpのみがクラウドアプリとなっていますので、初期段階で下記のようなログイン認証を必要とします。(CheerMeUpは、虫カゴデザインスタジオで作成されたアプリなので、以下では「虫カゴアプリ」と書きます)

※ CheerMeUp 2.4.0 プレリリースプログラム参加者募集中です。抽選で2名様に大重さんのSwift本をプレゼント! ※ →「CheerMeUp プレリリースプログラム開始! : GPSで移動距離を記録して、その総距離をルート検索に置き換えて、擬似的な旅を楽しむアプリ

※ Swift本プレゼントキャンペーンは終了しました。たくさんのご応募ありがとうございました。

00 01

クラウドアプリというのは、データをiPhoneなどの実機内に記録するのではなく、サーバ側に保管し、どの実機でこのアプリを使っても共通のデータを扱えるようにします。将来、機種変更したとしても新しい実機で再度同じサービスを使ってログインすれば、引き続き同じ状態でアプリを使えるようになります。

現在のところ、Facebook、Twitter、Googleアカウントのいずれかのサービスでログイン認証することで、虫カゴアプリに一意のアカウントが作成されます。(電子メールとパスワードで独自のアカウントを作る方法は採用していません)

また、これらの複数のサービスのどれでログインしても同じアカウントにログインするようにするには、ログインした状態のまま、他のサービスでもログインすれば、同じアカウントに紐づくように作ってあります。(ログアウトしてから別のアカウントでログインすると、新規にアカウントが作成され、別々のアカウントとなります)

例えば、Facebookでまずログインし、その状態で、Twitterへログインすると、その後、FacebookでもTwitterでも同じアカウントへログインすることが可能です。さらに、ログインしたまま、Googleでもログインすれば、3つサービスのどれでログインしても同じアカウントにログイン可能になります。

それでは以下に、インストール直後の設定からスクリーンショット付きでMEMOしておきます。

通知設定の許可

起動直後にまず「通知」の許可を聞かれます。現状通知機能を使うシーンはありませんが、将来的にこの許可が必要な機能を利用する可能性があるので、ここでは「許可」を選択しておいてください。

02

ログイン認証の流れ

このアプリは、現在のところ、ログインしないと何もできないように作っています。Facebook、Twitter、Googleのいずれかのサービスでアカウントを持っている必要があります。(ちなみに、LINEでのログインも可能なのですが、別サービスを使ったログインと紐づけられないため、現状では採用していません)

このダイアログが出たら、OKを押すとログイン画面に遷移します。(ログイン画面は、設定からいつでもアクセス可能です)

03

「以下を使ってログイン」のFacebook、Twitter、Googleのいずれかのアイコンを押すとログイン認証が行われます。ここでは例として、まずFacebookでログインしてみます。

04

Facebookサービスによるログイン画面が現れます。「Facebookアプリでログイン」をクリックします(Facebookアプリがインストールされている必要があります。また、この辺の構成はFacebookやiOSの仕様変更によって変わる場合もあります)ちなみに、iOS10くらいまであったiOS自体に紐づいたFacebookとTwitterのアカウントによるログインはできなくなった模様です。

05

もう一度ダイアログが出て、アプリを起動するか聞かれます。

06

Facebookにログイン認証を許可してもらう画面です。ここで「ログイン認証」に必要な最低限の権限の許可を得ています。(これ、よく見かけると思いますが、必要以上に許可を得ようとしているアプリがあったりするので気をつけましょう。作る側も気をつける部分です)

07

Facebookでのログイン許可を得ることができ、問題なく虫カゴアプリにもログインできた場合、元のこの画面に戻り、鎖アイコンが繋がり、Facebookアイコンが色付きになります。これで、虫カゴアプリは使えるようになります。

08

他のサービスでも同じアカウントにログインできるようにしておく

上記で、Facebookでログインできるようになりました。これは、いつでも、Facebook認証において同じユーザで認証すれば、虫カゴアプリへも同じアカウントにログインできるようになったということです。では、他のサービスを使ってログインした場合でも、今作成したものと同じ虫カゴアプリアカウントにログインできるようにしてみます。(Facebookだけでいい、という場合は、もちろんこのリンク設定はしなくてもOKです)

Facebookでログインしている状態で、Twitterアイコンを押します。

現在ログインしているユーザに対し、Twitterでもログイン可能にしますか?

と、短い文では、こう出しています。(ログアウトしている状態でTwitterアイコンを押した場合は、このダイアログは出ず、新規に虫カゴアプリアカウントを作ろうとしますので、ここではFacebookにログインした状態でTwitterアイコンを押すということが必要となります。)

09

Twitterによる認証が開始されます。TwitterもiOSによる認証はなくなり、このブラウザベースの認証になったようです。(この認証方法も将来的にはTwitterによって変更される可能性があります)

10

Twitterはわりと淡白ですが、先ほどの画面でログインするだけで紐づきます。問題がなければ、FacebookとTwitterの両方のアイコンが着色され、同じアカウントにログインしていることが示されます。今後は、このどちらかでログインすれば、虫カゴアカウントにもログインできるようになります。

 

11

さらにGoogleでも同様の設定をしてみます。ログインしている状態でGoogleアイコンを押します。

12

Googleの場合は、もう一度確認ダイアログが出ますね。

13

続けると、Googleのアカウント選択画面になります。

14

認証に成功すると、同様にGoogleアカウントが着色され、これらのいずれかでログインすれば、一意の虫カゴアプリアカウントにログインできるようになったことが示されます。

15

ログアウトについて

ログアウトボタンは1つだけ用意しており、これを押すとことによって、虫カゴアプリアカウントからログアウトされるとともに、この虫カゴアプリ内におけるFacebook、Twitter、Goolgeへのログイン状態からも解放されます。ログアウトボタンを押さなければ、次回以降起動した場合でも、ずっとログイン状態を保ちます。特別必要がなければ、ログアウトはしておかなくていいと思います。

16

次回以降の起動時について

一度、上記のようなログイン設定をしておけば、その情報はiPhoneのキーチェインに保存され、次回以降の起動時に自動的にログインできるようになります。つまりに、最初だけちょっと面倒な設定をする必要がありますが、次からはスムーズにアプリを開始することができる、という感じです。

また、これで機種変更や破損などによって、デバイスを変えてしまった場合でも、Facebook、Twitter、Googleのアカウントさえ同じものが使えれば、虫カゴアプリも同じアカウントを継続して使えるようになるので、とても便利です。

17

以上が、虫カゴアプリの初期時の設定です。各サービスやそれらから提供されるSDKのバージョンアップ等によって、この辺の流れや画面は、とても頻繁に更新されます。が、だいたいの流れは昔から変わらないので、今後もおおよそこんな感じの流れになると思います。

東京造形大学卒業後、マクロメディア(現アドビ システムズ)に入社。Quality AssuranceやテクニカルサポートマネージャーとしてFlash、DreamweaverなどのWeb製品を担当。独立後、虫カゴデザインスタジオ株式会社を設立。最近は、ZBrush、Xcode(Swift)、Firebase、Unity、Adobe Creative Cloud関連にフォーカスしています。モバイルアプリ開発情報を主としたブログ「MUSHIKAGO APPS MEMO」の中の人。