Googleでサインイン

マーケットプレイスからコンポーネントをインストール

1.) Adaloの左ツールバーのプラスボタンをクリックします。

2.) スクロールしてマーケットプレイスを探索ボタンをクリックします。

3.) マーケットプレイスでGoogleでサインインコンポーネントを見つけてインストールをクリックします。

サインアップとログイン画面にコンポーネントを追加

4.) Adaloの左ツールバーのプラスボタンをクリックします。

5.) Googleでサインインコンポーネントを検索します。

6.) コンポーネントをサインイン画面にドラッグします（ログイン画面にも同様に行います）。設定を完了するのは数分後です。

7.) に移動します。

8.) プロジェクトを選択するか、新しいプロジェクトを作成します（まだプロジェクトがない場合）。

9.) アプリが内部（組織内の人向け）か外部/一般（組織外のユーザー向け）かを選択します。

外部を選択すると、Googleがアプリを審査する必要があるというメッセージが表示されます。カスタムロゴを同意画面に含めない場合、Googleはアプリを審査する必要はありません。

10.) アプリの情報を入力し、続行をクリックします。

アプリ名
サポートメールアドレス
アプリのロゴ（オプション）- 🚨ロゴをアップロードするとアプリが審査および承認される必要があります（Googleサインインを使用できるようになるまでに時間がかかります）🚨
アプリのウェブサイトのホームページ
アプリの利用規約のURL
アプリのプライバシーポリシーのURL
認可されたドメイン（アプリのウェブサイトと同じドメインを含める）
開発者連絡先情報

11.) スコープの追加または削除ボタンをクリックし、最初の3つのスコープを選択します。

12.) スクロールして Update ボタンをクリックします。その後、スクロールして Save and Continue ボタンをクリックします。

13.) 任意の情報を入力せずにスキップします。

14.) Summary ステップで、スクロールして Back to Dashboard ボタンをクリックします。"Verification not required" というメッセージが表示されるはずです。

デフォルトでは、同意画面はテストモードになっています。このダッシュボードで Publish ボタンをクリックするまで、Google Developer アカウントとテスターだけが Google でサインインを使用できます。いつでもテストと本番の間を切り替えることができます。

Web クライアント ID を作成する

15.) に移動します。

16.) Create Credentials ボタンをクリックします。

17.) OAuth Client ID オプションを選択します。

18.) アプリケーションタイプとして Web Application を選択し、Web クライアント ID の内部名を入力します（任意の名前を付けることができます）。

19.) 認可された JavaScript オリジンに、2つの URI を入力します: "https://previewer.adalo.com" および Adalo アプリのカスタム Web ドメイン（Web アプリとしてアクセス可能な場合）、その後 Create をクリックします。

20.) クライアント ID をコピーして、Google Sign-in コンポーネントのクライアント ID 入力欄に貼り付けます。

iOS クライアント ID を作成する

21.) に移動します。

22.) Create Credentials ボタンをクリックし、OAuth Client ID オプションを選択します。

23.) アプリケーションタイプとして iOS を選択し、iOS バンドル ID を入力して Create をクリックします（まだ iOS バンドルを作成していない場合は、を参照してください — Web クライアント ID ステップを完了していれば、Web および PWA でテストできます）。

24.) クライアント ID をコピーして、Sign in with Google コンポーネントを選択したときに Adalo の左パネルに貼り付けます。

25.) 🚨注意🚨: アプリストアのガイドラインにより、'Sign In with Apple' コンポーネントを追加する必要があります。

Android クライアント ID を作成する

26.) に移動します。

27.) Credentials ページで Create Credentials ボタンをクリックし、OAuth Client ID オプションを選択します。

28.) Application type ドロップダウンメニューから Android を選択し、Name フィールドにアプリの名前を入力します。

29.) パッケージ名には、Android APK のセットアップ時に作成したパブリッシュ設定からバンドル ID を入力します（まだ行っていない場合は、Web クライアント ID を作成している場合は Web および PWA でテストできます。まだ行っていない場合は、を参照してください）。

30.) Fingerprint は、アプリのビルドによって異なります。各ビルドタイプの手順については、以下の表を参照してください。

発生頻度: 最も一般的

Adalo App のビルドが次の場合にこの方法を使用します:

AAB (.aab) ファイル
または
Adalo APK で Google App Signing にオプトインしている場合（）

1.) に移動し、アプリを選択します。

2.) 左メニューの Setup ドロップダウンメニューから App Integrity オプションを選択します。

3.) SHA-1 Fingerprint をコピーし、Android クライアント ID のセットアップの Fingerprint フィールドに貼り付けます。

発生頻度: かなり一般的

Adalo App が次の場合にこの方法を使用します:

APK (.apk) ファイルであり、Play App Signing に登録されていない場合（）
APK が Play App Signing に登録されている場合は、代わりに AAB プロセスタブを使用してください。

FF:71:AA:98:E9:5F:7A:66:E9:86:AC:C5:33:F7:A7:F1:6B:68:E7:C6

31.) その後、Create をクリックします。Adalo に貼り付ける必要はありませんが、Android で Google Sign In が機能するためには作成しておく必要があります。

組織内でのみ使用するアプリを開発している場合は、組織のメールアドレスのドメインを入力して、ログインを組織内の人物に制限することができます。
ボタン自体の外観をカスタマイズすることができます。
ユーザーがボタンをクリックすると、アプリに新しいアカウントが作成されるか、既存のアカウントにログインします。ユーザーをアプリのホーム画面にリンクさせるなど、ボタンに追加のアクションを追加することもできます。