notes from E

広く薄くの雑記帳。

  • 🏠Home
  • 📄このサイトについて
  • 🔏プライバシーポリシー
  • Menu

  • Sidebar

  • Prev

  • Next

  • Search

  1. ホーム>
  2. プログラミング>
  3. Apple

Sign In with Apple を Web に実装 – Apple Developer での設定

2019年6月4日Apple, Sign In with Apple

  •  
  •  
  •  
  •  
  • B! 
  •  
  •  
  •  

WWDC19 で発表された Sign In with Apple。今回はいち早く Web に実装してみたので、記録として残しておきます。

Sign In with Apple REST API もありますが、Web に実装ということで Sign In with Apple JS を使います。

App ID Capabilities の設定

まずは Certificates, Identifiers & Profiles にアクセスして、Identifiers を選びます。Sign In with Apple を有効にしたい App Identifier を選び、Capabilities の中の Sign In with Apple にチェックを入れて Save します。

2019-06-04 5.56.38

Services ID の作成

続いて、先程の Certificates, Identifiers & Profiles の Identifiers から + ボタンをクリックし、Services ID を作成します。Services IDs を選択して Continue します。

2019-06-04 5.53.45_aaa

 

続いて、Web サイトの Description と Identifier を決めて入力し、Sign In with Apple の enabled にチェックを入れ、Edit をクリックします。

スクリーンショット 2019-06-04 6.00.56_aaa.png

Sign In with Apple を有効にした App ID を Primary App ID として選び、ドメインとリダイレクト URL を入力します。リダイレクト URL は最大10個までとのこと。入力を終えたら Save して Continue します。

2019-06-04 5.59.36_aaa

入力した内容に間違いがないか確認をして、Register します。

2019-06-04 6.01.05

 

Web ドメインの認証

次に Web ドメインの認証をします。Certificates, Identifiers & Profiles の Identifiers から右側にあるメニューから Services IDs を選び、先ほど作成した Services ID を選びます。

2019-06-04 6.01.12

Configure をクリックします。

2019-06-04 6.01.38

Download をクリックして apple-developer-domain-association.txt をダウンロードし、指定された場所にアップロードしておきます。

入力したドメインが「tret.jp」なら、https://tret.jp/.well-known/apple-developer-domain-association.txt とします。ブラウザでアップロードした apple-developer-domain-association.txt にアクセスできたら、Verify をクリックして認証します。

Return URLs の入力されているフィールドのとなりの Add も忘れずにクリックして、Save して Continue します。入力した内容に間違いがないか確認をして、Save をクリックします。

スクリーンショット 2019-06-04 6.01.50.png

 

以上で Apple Developer での作業は終了となります。

Web でのサンプルコード

実際に Web でサインインするサンプルコードはこちらから。
Sign In with Apple を Web に実装 – サンプルコード

 

Apple, Sign In with Apple

Posted by treastrain


よろしければシェアお願いします

  •  Twitter
  •  Facebook
  •  Pin it
  •  LinkedIn
  • B! Hatena
  •  Pocket
  •  LINE
  •  LINE
Sign In with Apple の実装 - Private Email Relay Service の設定
Next
おとなしく Dart のお勉強【型】
Prev

関連記事

watchOS Simulator では iCloud に関するシミュレーションが出来ない

「正しくコーディングできているのに、なんで動かないんだろう…?」と思う方もいるか ...

Sign In with Apple の実装 – Private Email Relay Service の設定

WWDC19 で発表された Sign In with Apple。これにはサービ ...

CloudKit – アカウントの状態を確認する

CloudKit を使うにあたって、まずはアカウントの状態を確認します。特に " ...

iOS 13 で FeliCa (Suica) にアクセス

iOS 13 以降の Core NFC ではこれまで読めなかった FeliCa ...

この記事のトラックバックURL

  • 1. App ID Capabilities の設定
  • 2. Services ID の作成
  • 3. Web ドメインの認証
  • 4. Web でのサンプルコード

Author: treastrain / Tanaka Ryoga

treastrain Logo

Hachinohe, Aomori Pref., Japan ➡ Muroran, Hokkaido Pref., Japan

  • プロフィールページ
  • Ryoga Tanaka
  • @treastrain
  • @treastrain_spla
  • @treastrain
  • Q @treastrain
  • @treastrain
  • Ryoga Tanaka (treastrain)

カテゴリー

  • Apple
  • CloudKit
  • Dart
  • Google
  • Sign In with Apple
  • Swift
  • お知らせ
  • プログラミング
  • 雑記帳

タグ

CloudKitDartFirebaseFirebase HostingGoogleGoogle CloudGoogle Cloud FunctionsGoogle Cloud NextGoogle Cloud RunIBMiCloudiOSKituramacOSSwifttvOSwatchOSキーチェーンプログラミング

Copyright © 2018-2023 notes from E All Rights Reserved.

WordPress Luxeritas Theme is provided by "Thought is free".

PAGE TOP