# Appleでサインイン

{% tabs %}
{% tab title="詳細ガイド" %}

#### 1) Adalo MarketplaceからSign in with Appleコンポーネントをインストールする

1. Adaloの左ツールバーにあるプラスボタンをクリックします
2. 下にスクロールしてExplore Marketplaceボタンをクリックします
3. MarketplaceでSign in with Appleコンポーネントを見つけてインストールボタンをクリックします

#### 2) Sign UpとLogin画面にSign in with Appleコンポーネントを追加する

1. Adaloの左ツールバーにあるプラスボタンをクリックします
2. Sign in with Appleコンポーネントを検索します
3. コンポーネントをSign In画面にドラッグアンドドロップします（Login画面にも同様に行います）
4. 以下の手順に従ってコンポーネントを設定します：

#### 3) Apple Bundle ID

#### Bundle IDを持っている場合：

1. [Apple DeveloperアカウントにサインインしてIdentifiersに移動](https://developer.apple.com/account/resources/identifiers/list/bundleId)
2. App IDをクリックします
3. 下にスクロールしてSign In with Appleをチェックし、「Save」をクリックします

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-ed32de75404ab37ba383511ac7ccae1d284dd935%2FScreen%20Shot%202020-10-27%20at%203.20.43%20PM.png?alt=media)

#### Bundle IDを持っていない場合：

まだの場合は、[Apple App Storeへの公開](https://help.adalo.com/ja/testing-your-app/publishing-to-the-apple-app-store)ガイドの最初の3つの手順に従ってください

1. 1. [Apple Developerアカウントを作成する](https://help.adalo.com/ja/testing-your-app/publishing-to-the-apple-app-store/create-your-apple-developer-account)
   2. [Apple Developerアカウントの年間支払いを設定する](https://help.adalo.com/ja/testing-your-app/publishing-to-the-apple-app-store/setup-annual-payment-for-your-apple-developer-account)
   3. [Apple Bundle Idを作成する](https://help.adalo.com/ja/testing-your-app/publishing-to-the-apple-app-store/create-your-apple-bundle-id)
      1. このガイドの手順1から10に従います。
      2. Capabilitiesステップで"Push Notifications"を選択した後、Sign in with Appleの横にあるチェックボックスを選択してプライマリApp IDとして有効にします
      3. Bundle IDを登録するためにクリックします

{% hint style="info" %}
注意：iOS以外のWebやAndroidにアプリを公開する場合でも、Apple DeveloperアカウントでアプリのためのBundle IDを作成する必要があります。複数のプラットフォームにアプリを公開する場合は、1つのBundle IDを作成するだけで済みます。
{% endhint %}

#### 4) AppleとのアプリのためのService IDを作成する

1. <https://developer.apple.com/account/resources/identifiers/add/bundleId>にアクセスします
2. Services IDsを選択します
3. 続行をクリックします

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-7fa680eb67e606bbb8bdcf6a4ffe07baac230602%2Fimage%20\(195\).png?alt=media)

4\. "My Trip App"などのService IDの説明（または名前）とmytripapp.clientなどのサービスのための一意の識別子を入力し、「続行」をクリックします

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c8d85f5e1cd166c876f51a2594d53a308cde7dac%2Fimage%20\(95\).png?alt=media)

5\. 登録をクリックします

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-0e0e166fc5650df77e8587bbe9453348973b91b3%2Fimage%20\(181\).png?alt=media)

6\. これで、Apple DeveloperアカウントのIdentifiersリストで、さっき作成したIdentifierをクリックしてさらに編集します。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-e3e669560fdffd5367b4c338c9e1b5318225b040%2Fimage%20\(75\).png?alt=media) 7. 名前と説明の下に、Appleでサインインするボックスの横にチェックを入れ、次に「Configure」ボタンをクリックします。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-05cd955d5e0f74ae1f112dbf745fe09433ca5f65%2Fimage%20\(104\).png?alt=media)

8\. モーダル内で、アプリがプライマリApp IDとして選択されていることを確認してください。次に、少なくとも2つの値を入力する必要があります:

* 「Domains and Subdomains」ボックスに "previewer.adalo.com" を入力
* 「Return URLs」ボックスに "<https://previewer.adalo.com>" を入力

カスタムドメインを使用している場合は、それらもリストに追加する必要があります:

* 「Domains and Subdomains」ボックスにアプリのカスタムURLを入力します（例: app.yoursite.com）
* 「Return URLs」ボックスにアプリのカスタムURLを入力します（例: <https://app.yoursite.com）>

{% hint style="info" %}
プライマリApp IDフィールドにアプリが表示されない場合は、[Bundle IDの設定](https://developer.apple.com/account/resources/identifiers/list/bundleId)に戻って、Sign In with Apple Capabilityを追加してください（ステップ3を参照）。
{% endhint %}

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-6a99a547ec7dcc47820deecbc4ec1f34b33c5044%2FScreen%20Shot%202021-02-24%20at%205.33.59%20PM.png?alt=media)

9\. 「Next」をクリックしてService IDの設定を完了し、次に「Done」、その後「Continue」、最後に「Save」をクリックします（警告を無視します）

{% hint style="info" %}
**注意:** Appleはユーザーがアプリからのメールを見えなくすることを許可しています。つまり、ユーザーが選択した場合、実際のメールアドレスを見ることができません。Apple Sign-in経由でサインアップしたユーザーからメーリングリストにメールアドレスを収集したり、トランザクションメールを送信する場合は、次の2つのことを行う必要があります:

1. SendGrid、Mailerlite、Postmark、Mailchimpなどのメールサービスからカスタムドメインからメールを送信する設定を行います。
2. Appleに、ユーザーがどのドメインとメールアドレスからメールを受け取るかを伝える必要があります。これを行うには、<https://developer.apple.com/account/resources/services/list>にアクセスし、ドメインとメールアドレスを構成します。

<img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-74d4664e462a76e0242c9b21ef90fbeae0031525%2FScreen%20Shot%202023-01-12%20at%2011.39.46%20PM.png?alt=media" alt="" data-size="original">
{% endhint %}

#### 5) Adaloのコンポーネント設定にService Idを入力します

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-c5fbe9d3e87b1e61a648a6e101fef8230e68235e%2Fimage%205.png?alt=media)

#### 6) ボタンスタイルをカスタマイズし、リンクアクションを追加します

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-f573e6d9263df0687438bcf7afcf54c37ef3f5cf%2Fimage%206.png?alt=media)
{% endtab %}
{% endtabs %}

### 詳細情報

* フルネームは初回のユーザーサインアップ時にのみ送信されます。同じアカウントを使用してSign In with Appleでアプリに再ログインする場合、ユーザー情報は共有されません。

## ヘルプ

この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿にこの記事へのリンクを貼り付けることも忘れずに！