google map apiをhttpリファラ制限有りで動作させたい

前提

google map apiを使い駐車場を貸し借りするアプリを作成しています。
検索ワード周辺の駐車場を検索する機能を下記のように動作するように実装しました。

検索ワードをフォームからコントローラに送信
コントローラでデータベースから検索ワードに近い駐車場（住所）検索
検索に該当した駐車場をビューで表示

apiの設定でhttpリファラー制限をかけると
上記３で表示されるべき駐車場の情報が取得できません

制限を無しにすると、駐車場の情報を表示し
問題なく動作します。

実現したいこと

httpリファラー制限をかけた状態で正常に動作させたい

発生している問題・エラーメッセージ

同じメッセージが２回連続で表示されます

Google API error: request denied (API keys with referer restrictions cannot be used with this API.).
Google API error: request denied (API keys with referer restrictions cannot be used with this API.).

該当のソースコード

入力フォームをapplication.html.hamlに記述→searchアクションにsearch_wordを送る

haml
1= form_with url: search_parks_path, method: :get, local: true do |f|
2  = f.search_field :search_word
3  = f.submit "検索", class: "btn btn-light", name: "search-commit", id: "search-btn"

parkコントローラのsearchアクション記述

ruby
1  def search
2    @search = params[:search_word]
3    @search_geo = Geocoder.coordinates(@search)
4    if user_signed_in?
5      @parks = Park.where.not(user_id: current_user.id).where(rending_stop: false).where('end_time > ?', Time.now).near(@search,
6                                                                                                                        0.4)
7      gon.parks = @parks
8    else
9      @parks = Park.where(rending_stop: false).where('end_time > ?', Time.now).near(@search, 0.4)
10      gon.parks = @parks
11    end
12  end

試したこと

・httpリファラーを検索ワードを含めたアドレスに変更して動作確認をした
→それでも正常に動作しない
変更前：https//:アドレス.com/*
変更後：https//:アドレス.com/?search_word=検索ワード&search-commit=検索

補足情報（FW/ツールのバージョンなど）

ruby 2.6.5
Rails 6.0.3.5

hoshi-takanori

2021/05/04 17:01

Ruby から API を叩くのであれば、HTTP リファラーではなく IP アドレスで制限をかけると良いのでは。 https://developers.google.com/maps/faq#keysystem

Ryo-EAST

2021/05/05 15:54

回答ありがとうございます。現在herokuでデプロイしています ipが変動しているのをQuotaguardを使って固定を挑戦しましたができなかったのでawsにデプロイしてみようと思います。確認したいのですが・クエリ（アドレスの後に？で検索ワード）が付くとhttpリファラーは使えないのですか？　→「ipだとapiを利用するサーバーで制限するので解決する」という解釈は合っているでしょうか？

行動規範の内容に同意します

回答1件

自己解決

Maps JavaScript APIとGeocoding APIの2つのAPIを利用していた事を勘違いして
（同じAPIの機能が複数あると勘違いしていた）
それぞれのAPIの動作するときに送信するか受信する様に動作が違う事すら認識していなかった
→かける制限が変わる

以上を踏まえて以下の手順で解決した。

手順

【AWS】

EC2へのデプロイ
ElasticIPでIP固定
ドメイン取得
SSL認証

【google cloud platform】

APIキーを2つに分ける
「アプリケーションの制限」をそれぞれにかける
「APIの制限」を使用するAPI選択
APIキーを環境変数に設定する

APIキー

APIキー１

アプリケーションの制限（IP）:ElasticIP
APIの制限：Geocoding API
環境変数：config/initializers/geocoder.rb.rb

ruby
1api_key: ENV['GOOGLE_MAP_API_KEY']

APIキー２

アプリケーションの制限(http)：https//:アドレス.com/*
APIの制限：Maps JavaScript API
環境変数：ビューファイル（script）

haml
1%script{:async => "", :defer => "defer", :src => "https://maps.googleapis.com/maps/api/js?key=#{ENV['GOOGLE_MAP_API_KEY_HTTP']}&libraries=places&callback=initMap"}