Webエンジニアが普段の開発で得たことをつぶやいていきます
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にログインします。

Apple Developer
Appleプラットフォーム向けの開発を始めるなら、今が絶好のタイミングです。
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
MySQLでNULLを任意の値に置換して取得する方法
2020.02.072020.07.06
読み込み中のアニメーションをCSSを使って実装する方法
2020.01.282020.07.06
WordpressでMySQLに接続できないときの解決方法
2020.02.06
npm scriptでscssのビルドをリアルタイムで反映させる
2020.02.11
Sign In With AppleをWebページに実装する方法
2020.04.15
Swift プログラム
Apple Developer iosアプリ Sign In with Apple
スポンサーリンク
シェアする
TwitterFacebookはてブPocketLINE
yosshyをフォローする
yosshy
Webエンジニアの独り言

関連記事

css

cssを使ってなんでも表現するのっていいの?

css3でできることって増えてきています。破線を引いたらグラデーションをかけたり・・・今までは破線の下線を引きたいとなった時は、画像を作ってそれを背景に敷いて表現すると言ったことで再現していました。 それが、css3を使えばcssだ...
Swift

Sign In with Appleの対応をして思ったこと

担当しているアプリでSign In with Appleの対応をしないといけないことがあり、その対応をした際に流石だなーと思った点があったので、まとめておこうと思います。 実際にどんな感じで実装したのかは、別の記事で書く予定...
プログラム

画像遅延読み込みを使って直帰率が下がった

Webサービスの運営している中で、画像の遅延読み込みをしているサービスは多いのではないでしょうか。ファーストビューを速く見せるという意味では、とても大事な手法だと思っています。遅延読み込みと、一工夫加えたことで、直帰率を下げることができた...
プログラム

GAとsearch consoleの連携する方法

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

phpで変数の中身が空か判定をする3つの方法

phpを実装していると空判定、null判定を書くことがありと思います。そんな時にemptyだっけ、issetだっけと迷いますよね。これの違いをしっかりと説明できる人ってなかなかいないのではないでしょうか。 私自身、よくわからなくなっ...
GAS

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

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

最近の投稿

  • git pullした際にPermissioon deniedのエラーが発生した際の対応方法
  • SESと自社開発両方を経験したエンジニアが感じた違い
  • プラグインを使わずにWordPressをSSL化する方法
  • GAS(Google Action Script)を使ってLINE Botを作る方法
  • WordPressを高速化させるために必須なgzip圧縮のNginXの設定について

アーカイブ

  • 2022年11月
  • 2021年12月
  • 2021年8月
  • 2021年3月
  • 2021年2月
  • 2020年7月
  • 2020年5月
  • 2020年4月
  • 2020年2月
  • 2020年1月
  • 2019年12月

カテゴリー

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

    最近の投稿

    • git pullした際にPermissioon deniedのエラーが発生した際の対応方法
    • SESと自社開発両方を経験したエンジニアが感じた違い
    • プラグインを使わずにWordPressをSSL化する方法
    • GAS(Google Action Script)を使ってLINE Botを作る方法
    • WordPressを高速化させるために必須なgzip圧縮のNginXの設定について

    アーカイブ

    • 2022年11月
    • 2021年12月
    • 2021年8月
    • 2021年3月
    • 2021年2月
    • 2020年7月
    • 2020年5月
    • 2020年4月
    • 2020年2月
    • 2020年1月
    • 2019年12月

    カテゴリー

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