フロントエンドJavaScript設定変数を入れる場所

Question

バックエンドにAjaxコールを行うJavascriptフロントエンドがあります。これを行うには、Ajax get（）コールでハードコーディングされた "backend_URL"が必要です（例えば、 "http://myservice/backend"）。

私は別のマシンにアプリケーションをデプロイする場合、HTTPSでこのURLを使用するものもあります（「https://myservice/backend」）。また、適切な証明書がなく、貴重なデータを公開しないためでもありません。

ここで、「USE_HTTPS = 1」設定変数を配置して、アプリケーションを配備している誰かがSSLを使用するかどうかを選択できるようにしますか？もちろん、この質問は他の設定変数にも及んでいます。

私はプロジェクトルートに「.config」ファイルを追加することを考えましたが、コード内でインポートする方法がわかりません。あるいは、環境変数をエクスポートする必要がありますか？またはnode.js機能ですか？

Answer 1

私はコンテンツ

window.CONFIG = { 
    SOME_CONSTANT = 22, 
} 

とconf.jsファイルを書き終わったと、他のスクリプトの前に私のindex.htmlをの新しい<script>にそれが含まれています。 windowは必須ではありませんが、私はそれをwindow.CONFIGとして、JavaScriptの残りの部分で呼び出したときのものを示しています。

Answer 2

CONFIG = (function(){ 
var conf_info = {}; 
conf_info["url"] = 'http://codepen.io/pen/'; 
return{  
    getValue : function(param){ 
    return conf_info[param]; 
    } 
} 
})(); 

//some where in different file 
document.getElementById("result").innerHTML = CONFIG.getValue('url');