Webエンジニアの独り言
  • ホーム
  • プログラム
  • デザイン
  • マネジメント

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

Swift
TwitterFacebookはてブPocketLINE
2020.01.21 2020.01.20

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

スポンサーリンク
  1. Apple Developerで設定する
  2. APIでデータを取得するときの設定
  3. Sign In with Apple関連記事

Apple Developerで設定する

まずはAppleDeveloperにログインします。

https://developer.apple.com/jp/
developer.apple.com

ログインできたら左側のメニューから「Certificates, Identifiers & Profiles」を選択し、さらに左側の「Identifiers」を押してidentifilersの設定画面に遷移します。

すると下記のように自分が運営しているアプリの一覧が表示されると思います。この中から今回設定したいサービスを選択します。

Capabilitiesの中からSign In with Appleを探して左側のチェックボックスにチェックを入れます。右上のsaveボタンを押してここでの設定は終了です。

アプリで使用するだけの場合これで完了です。APIからもデータを取得したいときはさらに下記の設定を行います。

APIでデータを取得するときの設定

Identifiersの追加を行います。追加するものを聞かれるので、Services IDsを選択します

入力を求められるので、identifireなどを設定していきます。下記の内容を参考にしながら入力してください

ラベル名説明
Descriptionわかりやすい名前
Identifireアプリで使う識別子になります。他で使われているものは設定できません。
他のidentifireと同様にサービス名を逆から記述したものがよく使われます。

最後にSign In with Appleのチェックボックスにチェックを入れるとConfigureを押すと下記のような画面に遷移し、入力できるようになるので、ドメイン情報などを入力していきます

ラベル名入力内容
Primary App IDAPIを使用するアプリ名を選択します
Web DomainAppleのAPIへリクエストを投げるドメイン名を設定します。ここは一つのみ設定可能です。
Return URLsAppleで認証後に戻ってくるエンドポイントになります。ここは複数設定することができます。

ここまで入力が終わったら保存します。保存すると一覧画面に戻ると思うので、再度先ほど設定したものを選択して開きます。Sign In with AppleのConfigureを開いてください。追加の設定をしていきます。

ドメインの所有者の認証をしないと使えないため、Downloadボタンを押して、apple-developer-domain-association.txtをダウンロードします。その後このファイルをhttps://example.com/.well-known/apple-developer-domain-association.txtに設置し、verifyボタンを押してください。

認証が完了すると緑色のチェックが表示されます。これでドメインの認証が完了しました。

このときBasic認証などがかかっていると認証できないので、一時的に解除するか、このファイルだけBasic認証を解除するなどして対応してください。

Sign In with Apple関連記事

Sign In with Appleの実装 Swift編
今回はSign In with Appleの対応のSwiftの実装について説明していきます。敷居が高そうに感じますが、Appleが必ず対応しろよというだけあって、簡単に実装ができるようになっていました。Xcodeの設定TA...
yosshy.work
2020.01.20
Sign In with Appleの対応をして思ったこと
担当しているアプリでSign In with Appleの対応をしないといけないことがあり、その対応をした際に流石だなーと思った点があったので、まとめておこうと思います。実際にどんな感じで実装したのかは、別の記事で書く予定...
yosshy.work
2019.12.25
人気記事
cssで破線を引く方法
2020.02.212020.02.22
読み込み中のアニメーションをCSSを使って実装する方法
2020.01.282020.07.06
Sign In With AppleをWebページに実装する方法
2020.04.15
npm scriptでscssのビルドをリアルタイムで反映させる
2020.02.11
PHP7.2からPHP7.4にバージョンアップする方法
2020.05.12
Sign In with Appleでprivate email relay serviceを使った メール転送の方法
2020.01.202020.02.10
Swift プログラム
Apple Developer iosアプリ Sign In with Apple
スポンサーリンク
シェアする
TwitterFacebookはてブPocketLINE
yosshyをフォローする
yosshy
Webエンジニアの独り言

関連記事

プログラム

急にブログにアクセスができなくなった

ブログにアクセスしようとしたら、IPアドレスが見つかりませんと言われました。3日前までは普通に見れていたはず。そんな時に復旧までにどんなことをしたのか、という話です。 アクセスしたら、こんな画面に。。。 DNS設定画面...
Swift

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

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

Sign In with Appleを調べてみてわかった7つのこと

appleから発表されたSign In with Apple。AppleIDでログインができるようにAppleが提供する機能になります。この機能について調べたり実装したりしながらわかってきた7つのことについてまとめていきます。 これ...
Swift

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

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

GAとsearch consoleの連携する方法

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

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

web制作をしていく上で、cssをscss使ってかいて、ビルドしたいことが多々あるかと思います。その環境を毎回0から作っていたら手間だったので、備忘録的に書いておこうかと思います 前提条件 macで開発しており、nodeとnp...
エンジニアの私がブログを書き始めたわけ
Sign In with Appleの実装 Swift編
ホーム
プログラム
Swift
Sign In with Appleに対応 事前準備編
スポンサーリンク

最近の投稿

  • WordPressを高速化させるために必須なgzip圧縮のNginXの設定について
  • WordPressのカスタムフィールドの値で記事を取得する方法
  • Javascriptのfor文の使い方
  • PHP7.2からPHP7.4にバージョンアップする方法
  • Sign In With AppleをWebページに実装する方法

アーカイブ

  • 2021年2月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年2月
  • 2020年1月
  • 2019年12月

カテゴリー

  • css
  • html
  • JavaScript
  • linux
  • MySQL
  • npm
  • php
  • scss
  • Swift
  • Wordpress
  • イベント
  • その他
  • デザイン
  • プログラム
  • マネジメント
  • 未分類
Webエンジニアの独り言
Copyright © 2019 yosshy All Rights Reserved.
    • ホーム
    • プログラム
    • デザイン
    • マネジメント
  • ホーム
  • トップ
  • スポンサーリンク

    最近の投稿

    • WordPressを高速化させるために必須なgzip圧縮のNginXの設定について
    • WordPressのカスタムフィールドの値で記事を取得する方法
    • Javascriptのfor文の使い方
    • PHP7.2からPHP7.4にバージョンアップする方法
    • Sign In With AppleをWebページに実装する方法

    アーカイブ

    • 2021年2月
    • 2020年7月
    • 2020年5月
    • 2020年4月
    • 2020年2月
    • 2020年1月
    • 2019年12月

    カテゴリー

    • css
    • html
    • JavaScript
    • linux
    • MySQL
    • npm
    • php
    • scss
    • Swift
    • Wordpress
    • イベント
    • その他
    • デザイン
    • プログラム
    • マネジメント
    • 未分類