Googleでサインイン

OAuth Consent Screenを作成

7.) https://console.developers.google.com/apis/credentials/consentに移動します。

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

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

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

• アプリ名

• サポートメールアドレス

• アプリのロゴ（オプション）- 🚨ロゴをアップロードするとアプリが審査および承認される必要があります（Googleサインインを使用できるようになるまでに時間がかかります）🚨

• アプリのウェブサイトのホームページ

• アプリの利用規約のURL

• アプリのプライバシーポリシーのURL

• 認可されたドメイン（アプリのウェブサイトと同じドメインを含める）

• 開発者連絡先情報

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

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

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

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

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

15.) https://console.developers.google.com/apis/credentials に移動します。

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.) https://console.developers.google.com/apis/credential に移動します。

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' コンポーネントを追加する必要があります。こちらから'Sign In with Apple' を設定してください。

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

26.) https://console.developers.google.com/apis/credentials に移動します。

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

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

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

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

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

Sign in with Googleコンポーネントの設定を完了する

• 組織内でのみ使用するアプリを開発している場合は、組織のメールアドレスのドメインを入力して、ログインを組織内の人物に制限することができます。

• ボタン自体の外観をカスタマイズすることができます。

• ユーザーがボタンをクリックすると、アプリに新しいアカウントが作成されるか、既存のアカウントにログインします。ユーザーをアプリのホーム画面にリンクさせるなど、ボタンに追加のアクションを追加することもできます。