Google API 認証。クライアントの有効なオリジンではありません
質問
Google API(gapi)に認証リクエストをすると、checkOriginでfalseが返されます。
クライアントIDなど、自分のアカウントに直接リンクするようなものは削除し、参考までに何のデータかを示す正規表現に置き換えています。
URL
https://accounts.google.com/o/oauth2/iframerpc?action=checkOrigin&origin=https%3A%2F%2Flocal.tools&client_id=(\d{21})
私のオリジンURLはローカルURLで、これは
https://local.tools
結果は
{valid: false}
私はここにある例をそのまま使っています(clientidを私の21桁のclientidに置き換えた以外は)。 https://ga-dev-tools.appspot.com/embed-api/third-party-visualizations/
表示しようとしている項目は、デモ サイトではうまく表示されますが、私の local.tools サイトでは Not valid origin for the client エラーを乗り越えることができません。
どのように解決するのですか?
この例で作業していると、同じコンソールのエラーメッセージが表示されました。 https://developers.google.com/analytics/devguides/reporting/embed/v1/getting-started
ドキュメントには、2 つの重要なステップを見落とさないようにと書かれています ("説明を読み進める中で、次の 2 つの重要なステップを見落とさないようにすることが重要です。 Analytics API を有効にする [&] 正しい起源を設定する") が、正しい起源を設定する場所については明確に記述されていません。
手持ちのクライアント ID が動作しないため、新しいプロジェクトと新しいクライアント ID を作成しました。 新しいプロジェクトは必要なかったかもしれませんが、私はそれを保持 (そして使用) しています。
以下はうまくいったものです。
- 新しいプロジェクトを作成します。
- Analytics API の追加と有効化
- 新しいクレデンシャルを作成する - それが OAUTH クレデンシャルであることを確認します (手順については、このページの一番下までスクロールしてください。 https://developers.google.com/api-client-library/javascript/start/start-js#Setup ).
クレデンシャルの作成中に、"Restrictions というセクションが表示されます。 JavaScript のオリジン、リダイレクト URI、またはその両方を入力してください" と表示されます。 ここで、オリジンを入力します。
クライアント ID (および秘密) を保存してコピーします。
私のスクリプトは、新しい OAUTH クレデンシャルを作成し、オリジンを割り当て、このプロセスに従って新しく生成されたクライアント ID を使用した後に動作しました。
関連
-
[解決済み] Drive APIを使用してGoogle Docをコピーする際に、コメントや提案をコピーすることは可能ですか?
-
[解決済み] invalid_grant google から oAuth トークンを取得しようとしています。
-
[解決済み] gspread.exceptions.SpreadsheetNotFoundを使用する。
-
[解決済み] Google Calendar APIのコンテキストにおける404とはどういう意味ですか?
-
[解決済み】Googleウェブ検索APIが非推奨となった今、代替となるものは何ですか?[終了しました]
-
[解決済み】エラー:invalid_client no application name
-
[解決済み] Google refresh トークンに有効期限はありますか?
-
[解決済み] Google+ APIはすでにある?[クローズド]
-
[解決済み] Google+のプロフィール画像のurlをuser_idで取得する
-
[解決済み] Google画像検索でapiが使えなくなったと言われた
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Drive APIを使用してGoogle Docをコピーする際に、コメントや提案をコピーすることは可能ですか?
-
[解決済み] gspread.exceptions.SpreadsheetNotFoundを使用する。
-
[解決済み] Google Calendar APIのコンテキストにおける404とはどういう意味ですか?
-
[解決済み】Google KeepのAPIはありますか?[クローズド]
-
[解決済み】エラー:invalid_client no application name
-
[解決済み] Google refresh トークンに有効期限はありますか?
-
[解決済み] Google+ APIはすでにある?[クローズド]
-
[解決済み] ユーザーの介入なしにアプリ(ウェブまたはインストール済み)を認証するにはどうすればよいですか?
-
[解決済み] Google画像検索でapiが使えなくなったと言われた
-
[解決済み] Zipで市区町村を検索する Google Geocode Api [終了しました]。