Webエンジニアの独り言
  • ホーム
  • プログラミング
  • プロダクトマネジメント
  • X

Sign In with Appleの実装 Swift編

プログラム
TwitterFacebookはてブPocketLINE
2020.01.20

今回はSign In with Appleの対応のSwiftの実装について説明していきます。敷居が高そうに感じますが、Appleが必ず対応しろよというだけあって、簡単に実装ができるようになっていました。

スポンサーリンク
  1. Xcodeの設定
  2. ボタンの設置
  3. APIへリクエストする
    1. スコープについて
  4. Delegateを設定する
  5. 最後に
  6. Sign In with Apple関連記事

Xcodeの設定

TARGET -> Signing & Capadilitiesを開きます。左上の +Capabilityを選択し、Sign In with Appleを追加する。

ボタンの設置

ストーリーボードを使う場合はストーリーボード上でボタンを追加し、アクションを設定します。ボタンのデザインは下記のルールがありますのでそれに沿って実装してください。
iOS13以下は対象外なので、非表示の処理も忘れずに入れておいてください。

Apple Developer Documentation
developer.apple.com

APIへリクエストする

providerを生成し、APIへリクエストします。リクエストする際にスコープも合わせて設定します。

import AuthenticationServices

@objc
func authorizationAppleID() {
  // iOS13以上の場合のみ処理する
  if #available(iOS 13.0, *) {
    // providerの生成
    let appleIDProvider = ASAuthorizationAppleIDProvider()
    let request = appleIDProvider.createRequest()
    // 取得するスコープの設定 .fullName:ユーザー名 .email:ユーザーのメールアドレス
    request.requestedScopes = [.fullName, .email]

    let authorizationController = ASAuthorizationController(authorizationRequests: [request])
    authorizationController.delegate = self
    authorizationController.performRequests()
  }
}

スコープについて

AppleのAPIからは下記のデータを取得することができます。APIへリクエストする際にどのデータを取得するかを選択します。
ユーザー名もメールアドレスもユーザー名も本名と正式なメールアドレスを取得できるわけではないことに注意が必要です。

スコープ名内容備考
fullNameユーザー名ユーザーが登録時にサービスへ渡すユーザー名を設定することができる
emailメールアドレスユーザーが登録してあるメールアドレスか、Appleが発行するメールアドレスかを選択することができる。

Delegateを設定する

APIからデータ取得成功時にdidCompleteWithAuthorizationが呼び出されます。そこで必要な情報を取得しログイン処理へ流していく感じになります。

extension UserLoginViewController: ASAuthorizationControllerDelegate {
    // iOS13のみ処理する
    @available(iOS 13.0, *)
    func authorizationController(controller: ASAuthorizationController, didCompleteWithAuthorization authorization: ASAuthorization) {
        guard let idTokenData = appleIDCredential.identityToken,
                let email = appleIDCredential.email,
                let fullName = appleIDCredential.fullName?.nickname,
                let idToken = String(data: idTokenData, encoding: .utf8) else { return }
            let userIdentifier = appleIDCredential.user
            print("ユーザー名:" + fullName)
            print("メールアドレス:" + email)
            print("ユーザーのID:" + userIdentifier)
            print("idToken:" + idToken)
    }
 
    @available(iOS 13.0, *)
    func authorizationController(controller: ASAuthorizationController, didCompleteWithError error: Error) {
        print("Authorization Failed: \(error)")
    }
}

最後に

これでSwiftの実装が完了となります。設定がうまくいっていれば、ボタンを押した際にAppleIDのログイン画面が表示され入力を求められます。そこで入力をし完了するとアプリに戻ってきてDelegateの処理が実行されます。

Swift側の実装はそんなに難しくなくできるかと思います。ここで取得したデータを元にログイン処理を実装すれば完了です。

Sign In with Apple関連記事

Sign In with Appleに対応 事前準備編
ソーシャルログインが実装されているアプリは必ず対応しないといけないSign In with Appleですが、Apple Developerの画面でまずは設定...
yosshy.work
2020.01.20
Sign In with Appleの対応をして思ったこと
担当しているアプリでSign In with Appleの対応をしないといけないことがあり、その対応をした際に流石だなーと思った点があったので、まとめ...
yosshy.work
2019.12.25
Sign In with Appleでprivate email relay serviceを使った メール転送の方法
Sign In with Appleにはサービス側にユーザーのメールアドレスを伝えずにAppleが作ったサンプルのメールアドレスを送信することができます。(P...
yosshy.work
2020.01.20
人気記事
cssで破線を引く方法
2020.02.212020.02.22
読み込み中のアニメーションをCSSを使って実装する方法
2020.01.282020.07.06
htmlのdialogのshowをshowModalの違い
2019.12.172020.01.24
XDで自分のアカウントを調べる方法
2020.01.15
MySQLでNULLを任意の値に置換して取得する方法
2020.02.072020.07.06
Sign In With AppleをWebページに実装する方法
2020.04.15
プログラム
iosアプリ Sign In with Apple アプリ
スポンサーリンク
シェアする
TwitterFacebookはてブPocketLINE
yosshyをフォローする
yosshy
Webエンジニアの独り言

関連記事

npm

npm scriptでscssのビルドをリアルタイムで反映させる

scssを使って開発をしていると、毎回毎回ビルドするのが手間になってくることがありますよね。。。 npm-scriptを使って、scssを変更したら、cssにビルドし、ブラウザを自動で更新してくれる環境を作っていきたいと思います。 ...
npm

npmでscssのビルド環境を構築する

web制作をしていく上で、cssをscss使ってかいて、ビルドしたいことが多々あるかと思います。その環境を毎回0から作っていたら手間だったので、備忘録的に書いておこうかと思います 前提条件 macで開発しており、nodeとnp...
css

cssで破線を引く方法

cssで破線を引く場合、デフォルトでない線を使いたくなる時があります。破線の間隔を自由に調整したいや、二色が交互の線にしたい!となった時には、デフォルトの機能だけでは再現することができません。 css3を使うことで、再現できるので、...
Swift

Sign In with Appleに対応 事前準備編

ソーシャルログインが実装されているアプリは必ず対応しないといけないSign In with Appleですが、Apple Developerの画面でまずは設定することがたくさんあります。実装に入る前にやらないといけない手順をまとめました。...
プログラム

GAとsearch consoleの連携する方法

GAとsearch consoleを連携させることで、GA上で検索クエリなどを確認することができるようになります。 GAとsearch consoleを連携させる手順 GAとsearch consoleに登録します。今回はここ...
GAS

GAS(Google Action Script)を使ってLINE Botを作る方法

LINEから送信されたメッセージからGASを使ってレスポンスを返すBotを作ってみたいと思います。GASを使う理由はサーバーを用意する必要がなく手軽なため使うことにします。 LINE側の設定 LINEデベロッパーに登録をします...
Sign In with Appleに対応 事前準備編
Sign In with Appleでprivate email relay serviceを使った メール転送の方法
ホーム
プログラム
Sign In with Appleの実装 Swift編
スポンサーリンク

新着記事

なぜその機能を作らなかったのか、をちゃんと説明できるか
2025.12.182025.12.20
AIで書くブログってどうなの?
2025.12.162025.12.16
pmconf2025 大阪に行ってきました
2025.12.15
子供をサッカークラブに入れたら、PMの解像度が少し上がった
2025.12.122025.12.12
プロダクトにおける価値に向き合う
2025.12.11
Webエンジニアの独り言
Copyright © 2019 yosshy All Rights Reserved.
    • ホーム
    • プログラミング
    • プロダクトマネジメント
    • X
  • ホーム
  • トップ
  • スポンサーリンク

    新着記事

    なぜその機能を作らなかったのか、をちゃんと説明できるか
    2025.12.182025.12.20
    AIで書くブログってどうなの?
    2025.12.162025.12.16
    pmconf2025 大阪に行ってきました
    2025.12.15
    子供をサッカークラブに入れたら、PMの解像度が少し上がった
    2025.12.122025.12.12
    プロダクトにおける価値に向き合う
    2025.12.11