Google ClientID
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
* Google SignInの利用 [#xd96f1f6]
Google SignInを使用するためには、Google Cloud PlatformでO...
** 手順 [#ae95aecc]
1. Google Cloud Platform (GCP) コンソールにアクセス:
- https://console.cloud.google.com/ にアクセスし、Goog...
2. プロジェクトの選択:
- 既存のプロジェクトを選択するか、新しいプロジェクトを...
3. OAuth同意画面の設定:
- 左側のメニューから「APIとサービス」 > 「OAuth同意画...
- ユーザータイプを選択し（通常は「外部」）、必要な情報...
4. 認証情報の作成:
- 左側のメニューから「APIとサービス」 > 「認証情報」を...
- 「認証情報を作成」ボタンをクリックし、「OAuth クライ...
- アプリケーションタイプとして「ウェブアプリケーション...
- 名前を入力し、承認済みのJavaScript生成元に`http://lo...
- 承認済みのリダイレクトURIに`http://localhost:3000`を...
- 「作成」をクリックします。
5. クライアントIDの取得:
- 作成が完了すると、クライアントIDとクライアントシーク...
- クライアントIDをコピーします。
6. アプリケーションにクライアントIDを設定:
- `web/index.html`ファイルを開き、`<head>`タグ内に以下...
```html
<meta name="google-signin-client_id" content="YOUR_C...
```
- `YOUR_CLIENT_ID`を、先ほどコピーしたクライアントIDに...
7. `FirebaseUILoginPage`クラスの`_googleSignIn`の初期化を...
```dart
final GoogleSignIn _googleSignIn = GoogleSignIn(client...
```
8. Firebase Consoleでの設定:
- Firebase ConsoleでGoogle Sign-Inを有効にします。
- 「Authentication」 > 「Sign-in method」で「Google」...
9. アプリケーションの再起動:
- これらの変更を適用した後、アプリケーションを完全に再...
終了行:
* Google SignInの利用 [#xd96f1f6]
Google SignInを使用するためには、Google Cloud PlatformでO...
** 手順 [#ae95aecc]
1. Google Cloud Platform (GCP) コンソールにアクセス:
- https://console.cloud.google.com/ にアクセスし、Goog...
2. プロジェクトの選択:
- 既存のプロジェクトを選択するか、新しいプロジェクトを...
3. OAuth同意画面の設定:
- 左側のメニューから「APIとサービス」 > 「OAuth同意画...
- ユーザータイプを選択し（通常は「外部」）、必要な情報...
4. 認証情報の作成:
- 左側のメニューから「APIとサービス」 > 「認証情報」を...
- 「認証情報を作成」ボタンをクリックし、「OAuth クライ...
- アプリケーションタイプとして「ウェブアプリケーション...
- 名前を入力し、承認済みのJavaScript生成元に`http://lo...
- 承認済みのリダイレクトURIに`http://localhost:3000`を...
- 「作成」をクリックします。
5. クライアントIDの取得:
- 作成が完了すると、クライアントIDとクライアントシーク...
- クライアントIDをコピーします。
6. アプリケーションにクライアントIDを設定:
- `web/index.html`ファイルを開き、`<head>`タグ内に以下...
```html
<meta name="google-signin-client_id" content="YOUR_C...
```
- `YOUR_CLIENT_ID`を、先ほどコピーしたクライアントIDに...
7. `FirebaseUILoginPage`クラスの`_googleSignIn`の初期化を...
```dart
final GoogleSignIn _googleSignIn = GoogleSignIn(client...
```
8. Firebase Consoleでの設定:
- Firebase ConsoleでGoogle Sign-Inを有効にします。
- 「Authentication」 > 「Sign-in method」で「Google」...
9. アプリケーションの再起動:
- これらの変更を適用した後、アプリケーションを完全に再...
ページ名:
