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以下は対象外なので、非表示の処理も忘れずに入れておいてください。

Sign in with Apple | Apple Developer Documentation
Sign in with Apple provides a fast, private way to sign into apps and websites, giving people a consistent experience they can trust and the convenience of not ...
docs.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
MySQLでNULLを任意の値に置換して取得する方法
2020.02.072020.07.06
読み込み中のアニメーションをCSSを使って実装する方法
2020.01.282020.07.06
htmlのdialogのshowをshowModalの違い
2019.12.172020.01.24
git pullした際にPermissioon deniedのエラーが発生した際の対応方法
2022.11.30
PHP7.2からPHP7.4にバージョンアップする方法
2020.05.12
プログラム
iosアプリ Sign In with Apple アプリ
スポンサーリンク
シェアする
TwitterFacebookはてブPocketLINE
yosshyをフォローする
yosshy
Webエンジニアの独り言

関連記事

css

簡単にできる!cssでWebフォントを読み込む方法

Webサイトを作っているときに、フォントによっては表示が崩れてしまったり、意図しない表示レイアウトになってしまったりすることがあります。 最近は使われているサイトも増えてきており、普及していきていますが、まだまだ知らない人や、これか...
GAS

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

LINEから送信されたメッセージからGASを使ってレスポンスを返すBotを作ってみたいと思います。GASを使う理由はサーバーを用意する必要がなく手軽なため使うことにします。 LINE側の設定 LINEデベロッパーに登録をします...
Swift

Sign In with Appleでprivate email relay serviceを使った メール転送の方法

Sign In with Appleにはサービス側にユーザーのメールアドレスを伝えずにAppleが作ったサンプルのメールアドレスを送信することができます。(Private Email Relay Service)Appleはこのアドレスに...
Swift

Sign In With AppleをWebページに実装する方法

はじめに Sign In with AppleはiOSアプリへの導入が必須になりました。サービスによってはiOSアプリと同じログイン情報でWebサイトへのログインをさせたいということがあるかと思います。 Sign In wit...
Swift

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

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

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

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