コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
Google SignInでログイン認証する方法 -iOS編- | Xamarin.Forms
- 2017/06/19
- 02:08
今回はXamarin.iOSでGoogleのログイン認証を行う方法についてご紹介いたします。
最終的にはGoogleカレンダーに同期をとる予定ですが、OAuth2がPortableLibraryに対応しておらず、こちらの認証で行こうと思っています。
尚、Androidは次回の記事にてご紹介しており、iOSとAndroidで共通の処理になるように記述したソースがご覧になれます。
前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.4.0.34 (NuGet Xamarin.Forms 2.3.4.247)
・macOS Sierra 10.12.4 / Xcode8.3.1 / Xamarin.iOS 10.8.0.1
１．NuGetパッケージをインストールする
iOSプロジェクトにXamarin.Google.iOS.SignInをインストールします。 「Google sign-in」で検索するとすぐに見つかります。
２．Google Developersの登録
（１）ブラウザでGoogle DevelopersのURLを開きます。https://developers.google.com/mobile/add
（２）Pick a Platform ボタンを押下します。
（３）iOS Appボタンを押下します。
（４）App nameに アプリの名前を入力します。
（５）iOS Bundle ID には com.CompanyName.AppName のようにフル名称を入力します。
（６）share your ...のチェックを外し、YourCountry に日本を選択して Choose and Configure serviceボタンを押下します。
（７）Google Sign-In を選択して Generate configuration filesボタンを押下します。
これでGoogleService-Info.plistファイルが取得できますので、iOSプロジェクトの直下に配置します。
また、GoogleService-Info.plistファイルはVSで以下のように設定します。
ビルドアクション：BundleResource
※以下のURLからもプロジェクトを指定することでplistファイルの生成が可能です。
https://console.developers.google.com/apis/credentials
３．Info.plistに追記
dictタグ内に以下の記述を追記します。CFBundleURLSchemesには先ほどダウンロードしたGoogleService-Info.plistファイルの中に記述があるREVERSED_CLIENT_IDの値をコピペします。<key>CFBundleURLTypes</key>
<array>
<dict>
<key>CFBundleURLTypes</key>
<string>Editor</string>
<key>CFBundleURLSchemes</key>
<array>
<string>com.googleusercontent.apps.999999999999-xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</string>
</array>
</dict>
<dict>
<key>CFBundleURLTypes</key>
<string>Editor</string>
<key>CFBundleURLSchemes</key>
<array>
<string>com.CompanyName.AppName</string>
</array>
</dict>
</array>
４．PCLの記述
ログイン処理・ログアウト処理・切断処理はAndroidと共通のPCLのXAML画面から呼び出したいので、PCLプロジェクト内にDependencyServiceで呼び出すためのインターフェースを配置します。IGoogleSignInService.cs
namespace AppName.Services
{
//DependencyServiceから利用する
public interface IGoogleSignInService
{
void SignIn();
void SignOut();
void Disconnect();
}
}
５．iOSプロジェクトの記述
iOSプロジェクト内に以下のクラスを配置します。ログイン処理・ログアウト処理・切断処理を実装します。
GoogleSignInService.cs
using Google.SignIn;
[assembly: Dependency(typeof(GoogleSignInService))]
namespace AppName.iOS.Services
{
public class GoogleSignInService : IGoogleSignInService
{
public static ISignInUIDelegate SignInUIDelegate = new GoogleSignInUIDelegate();
public void SignIn()
{
Google.SignIn.SignIn.SharedInstance.UIDelegate = SignInUIDelegate;
var googleServiceDictionary = NSDictionary.FromFile("GoogleService-Info.plist");
Google.SignIn.SignIn.SharedInstance.ClientID = googleServiceDictionary["CLIENT_ID"].ToString();
Google.SignIn.SignIn.SharedInstance.SignedIn += (sender, e) => {
// ここにログイン後の処理を記述します。
if (e.User != null && e.Error == null)
{
//ここにログイン成功時の処理を記述してください
System.Diagnostics.Debug.WriteLine("Signed in user: {0}", e.User.Profile.Name);
}
};
Google.SignIn.SignIn.SharedInstance.Disconnected += (sender, e) => {
//ここに切断時の処理を記述してください
System.Diagnostics.Debug.WriteLine("Disconnected user");
};
//自動サイレントログイン
//Google.SignIn.SignIn.SharedInstance.SignInUserSilently();
//手動ログイン
Google.SignIn.SignIn.SharedInstance.SignInUser();
}
public void SignOut()
{
Google.SignIn.SignIn.SharedInstance.SignOutUser();
}
public void Disconnect()
{
Google.SignIn.SignIn.SharedInstance.DisconnectUser();
}
}
public class GoogleSignInUIDelegate : SignInUIDelegate
{
public override void WillDispatch(SignIn signIn, NSError error)
{
}
public override void PresentViewController(SignIn signIn, UIViewController viewController)
{
UIApplication.SharedApplication.KeyWindow.RootViewController.PresentViewController(viewController, true, null);
}
public override void DismissViewController(SignIn signIn, UIViewController viewController)
{
UIApplication.SharedApplication.KeyWindow.RootViewController.DismissViewController(true, null);
}
}
}
６．AppDelegateの記述
AppDelegate.csに以下の記述を追加します。using Google.SignIn;
namespace AppName.iOS
{
[Register("AppDelegate")]
public partial class AppDelegate : global::Xamarin.Forms.Platform.iOS.FormsApplicationDelegate
{
public override bool FinishedLaunching(UIApplication app, NSDictionary options)
{
global::Xamarin.Forms.Forms.Init();
LoadApplication(new App());
return base.FinishedLaunching(app, options);
}
// For iOS 9 or newer
public override bool OpenUrl(UIApplication app, NSUrl url, NSDictionary options)
{
var openUrlOptions = new UIApplicationOpenUrlOptions(options);
return SignIn.SharedInstance.HandleUrl(url, openUrlOptions.SourceApplication, openUrlOptions.Annotation);
}
// For iOS 8 and older
public override bool OpenUrl(UIApplication application, NSUrl url, string sourceApplication, NSObject annotation)
{
return SignIn.SharedInstance.HandleUrl(url, sourceApplication, annotation);
}
}
}
７．使用方法
PCLプロジェクトの中の任意のページに記述します。TestPage.xaml.cs
void OnGoogleSignInClick(object sender, EventArgs e)
{
DependencyService.Get<IGoogleSignInService>().SignIn();
DependencyService.Get<IGoogleSignInService>().SignOut();
DependencyService.Get<IGoogleSignInService>().Disconnect();
}
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
- 関連記事
-
- GoogleカレンダーにREST APIで接続する | Xamarin.Forms
- Google SignInでログイン認証する方法 -Androidデバッグ編- | Xamarin.Forms
- Google SignInでログイン認証する方法 -iOS編- | Xamarin.Forms
- リンクボタン（ハイパーリンク）を作成する方法 | Xamarin.Forms
- ScrollViewの現在のPositionの中央にContentViewを配置する方法 | Xamarin.Forms
