More than 3 years have passed since last update.

https(SSL)通信の環境下でjavascriptが動かなくなる場合の原因と解決方法 ( 本番環境(AWS)でjavascriptを読み込む方法 )

Last updated at 2020-01-19Posted at 2020-01-19

#はじめに
某プログラミングスクールの課題で、Railsを使ってECサイトを作成しています。

##発生時の状況
商品出品画面のカテゴリー選択時、javascriptを使ってサブカテゴリーを入力できる機能を実装
本番環境にデプロイすると、カテゴリー選択時にサブカテゴリーが出現せず入力できませんでした。

#エラーの仮説
・javascriptが本番環境で読み込めてない

#エラーの原因
本番環境つまり、httpsによるSSL暗号通信下では、読み込んでない。

#対策
###1,jQuery本体をダウンロードして自分のサーバーで動かす方法。

###2,URLをhttpsに変更する方法。

application.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

##3,プロトコルを指定しない方法。

application.html

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

3つ目の方法が一番汎用性が高いのでおすすめです。この記述方法はjavascriptに限らず、CSSや画像のパスの指定にも使えるので、覚えておくと便利だそうです！！

##最後に

自分のメモ用と、アウトプットとして記事に投稿させていただきました。