2
0

More than 1 year has passed since last update.

Google Maps APIキーのHTTPリファラーを設定する

Last updated at Posted at 2022-05-28

自分の状況

GoogleCloudPlatformに登録しAPIキーを作成しGoogleMapsAPIを使用したサイトを試しに作ってみた
ただHTTPリファラーなしでAPIキーの設定をしてしまったため後から設定をすることにした

  • GoogleCloudPlatformにログイン

  • ヘッダーメニューのプロジェクト一覧リンクをクリックし、変更したいAPIキーのプロジェクトを選択する
    スクリーンショット 2022-05-28 11.17.38.jpg

  • 左上ハンバーガーメニューから「APIとサービス」→「認証情報」選択
    スクリーンショット 2022-05-28 11.28.20.jpg

  • 認証情報画面にて変更したいAPIキーの「鍵を表示します」→「APIキーを編集」をクリック
    スクリーンショット 2022-05-28 11.33.04.jpg

  • APIキーを編集画面にて、「アプリケーションの制限」→「HTTP リファラー(ウェブサイト)」、「ウェブサイトの制限」→「項目を追加」クリック
    スクリーンショット 2022-05-28 11.40.02.jpg

  • 「新しいアイテム」にGoogleMapsAPIを使用しているサイトURLに*を追加したものを入力し、「完了」
    スクリーンショット 2022-05-28 11.43.34.jpg

  • 「APIの制限」は「キーを制限しない」のままで「保存」
    スクリーンショット 2022-05-28 11.47.31.jpg

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0