本番環境(heroku)でYouTube Data APIが動かない

Question

前提・実現したいこと

youtube data apiを使い過去に自分が高評価した動画、動画の検索を検索し返すwebアプリを作り
本番環境でも稼働させたい
herokuでデプロイした後apiを使用するviewに移行するとエラーになります。

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

開発環境ではうまくviewが表示されるのに本番環境でapiを使っているページに遷移したとたんこれです。

heroku logs

2021-01-25T00:38:01.611497+00:00 heroku[router]: at=info method=GET path="/juntubes" host=youtube5recommends.herokuapp.com request_id=0ac5167b-859d-46c8-a05b-980a6427858a fwd="175.132.75.115" dyno=web.1 connect=1ms service=36ms status=500 bytes=1827 protocol=https

該当のソースコード

コードの意図としてはlist_searchesという用意されたメソッドを使い例えば「ado」と検索すると_order関数から1つ動画を取得する指標を作りランダムでそれに準じた動画を1つ返してくれます。
それをviewに表示します。

 def index
    response = youtube_search('ado')
    @items = response.items
  end

  private
  
  def _order
    %w[relevance videoCount viewCount].sample
  end

  def youtube_search(keyword)
    option = { q: keyword, type: 'video', max_results: 1, order: _order }
    resopnse = @@service.list_searches('snippet', option)
    return resopnse
  end

試したこと

githubにあった試したこと
上記のようにapiキーのapplicationの設定を「なし」にしAPIの制限をyoutube data api v3のみにしたりしましたが開発環境で動いても本番環境ではエラーになってしまいます

dbは使っていないのですが heroku run rails db:migrateコマンドも行いました。

また、indexメソッド内の記述をなくしviewも関係ないものにしたらページ遷移できたためおそらくこのコントローラーもしくはapiの問題だと考えています。

###apikeyの現状
この状態で開発環境では正常に動作します

試しにアプリケーションの制限でHTTPリファラーを選択しurlを加えるとページ遷移で
以下のエラーになります。

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

Github(今回のリポジトリ)
windows os
ruby -v 2.5.8
rails -v 6.1.1
api youtube data api v3

宜しくお願い致します。

Comments

[m.ts10806]

APIのkeyをとるときなサイトとか登録してませんか？

[Kota_Sato]

はい
アプリケーションの制限をhttpリファラーとしurlはhttp://localhost:3000/などは手あたり次第試しましたがそのすべてで
forbidden: Requests from referer <empty> are blocked.
というエラーで返されてしまいます。
このエラーが出る原因はコントローラーの
resopnse = @@service.list_searches('snippet', option)
にあると言われてます。
@@serviseはyoutubeのapiをApplicationControllerでインスタンス派化したものです。

[neko_daisuki]

heroku のログはこれだけでしょうか？
この行の前後にエラーの内容が出力されていませんか？

[Kota_Sato]

2021-01-25T06:58:29.340552+00:00 heroku[router]: at=info method=GET path="/juntubes" host=youtube5recommends.herokuapp.com request_id=64e6f701-7bf9-4192-a0ea-fb34a2cd0afc fwd="175.132.75.115" dyno=web.1 connect=0ms service=34ms status=500 bytes=1827 protocol=https
2021-01-25T06:58:29.307336+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc] Started GET "/juntubes" for 175.132.75.115 at 2021-01-25 06:58:29 +0000
2021-01-25T06:58:29.308003+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc] Processing by JuntubesController#index as HTML
2021-01-25T06:58:29.338670+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc] Completed 500 Internal Server Error in 31ms (Allocations: 2045)
2021-01-25T06:58:29.339103+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc]
2021-01-25T06:58:29.339104+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc] Google::Apis::ClientError (forbidden: The request is missing a valid API key.):
2021-01-25T06:58:29.339105+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc]
2021-01-25T06:58:29.339105+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc] app/controllers/juntubes_controller.rb:15:in `youtube_search'
2021-01-25T06:58:29.339106+00:00 app[web.1]: [64e6f701-7bf9-4192-a0ea-fb34a2cd0afc] app/controllers/juntubes_controller.rb:3:in `index'

status=500以下(ページ移行した際に吐き出されたすべてのログです)を全て載せるとこのようになっていました。
やはりGoogle::Apis::ClientError (forbidden: The request is missing a valid API key.):がエラーだと思うのですが本番環境だけそのようになってしまう原因特定ができないという現状です。

[neko_daisuki]

The request is missing a valid API key とありますが、
APIキーをどのように設定していますか？

[Kota_Sato]

返信ありがとうございます。
質問のapikeyの現状と書いてある下のスクリーンショットと同じ設定です。
アプリケーションの制限という項目は「なし」を選択
APIの制限は「キーを制限,YouTube Data API v3のみ」を選択しています。

[neko_daisuki]

すみません。 @@service にどのようにキーを設定しているかという質問でした。
githubにコードがありましたね。

本番環境で ENV['GOOGLE_APP_SECRET']　の値を確認してみてください。
おそらくこれが空になっているのではないかと思います。

[Kota_Sato]

githubをわざわざ見ていただきありがとうございます。
こちらが質問の意図をくめずに申し訳ございません。

ただいま確認したところ@@service.keyにapiが格納されていませんでした。
ご指摘の通りです。
本番環境でだけ格納されないこの状況が理解できず解決策がなかなか思いつけません。。。
環境変数の問題なのでしょうか？？

[neko_daisuki]

環境変数の問題だと思います。
herokuは使っていないので試せないのですが、調べたところ以下のコマンドで環境変数を設定できるようです。

$ heroku config:set GOOGLE_APP_SECRET=[API key]

[Kota_Sato]

今設定したところ本番環境で無事viewが表示されるようになりました！！！
本当にありがとうございます。
デプロイした際は本番環境の環境変数の設定もこれから必ず確認するようにします。

Answer 1

herokuに変数を設定
$ heroku config:set GOOGLE_APP_SECRET=[API key]