JSコードの異なるバージョン（開発および制作）の作成方法は？

Question

私は、nginxイメージに基づいて、Dockerコンテナで配布された小さなWebアプリケーションを開発します。それはフレームワークのないプレーンなhtmlとjsコードを含んでいます。

JSコードでは、WebSockets経由でリモートホストにアクセスできます。環境には違いがあります。ローカルホストでのテストでは、httpsを使用するプロダクションサーバー上でhttp経由で動作します。だから、のWebSocketに渡されるURLは、信頼性の高いソリューションは、私は、開発と生産の両方のための単一ドッカーイメージを維持したい考えると、コードでこれらのURLの2つのバージョンを維持する、とだけ使用することです何ws://またはwss://

のいずれかで開始します異なるDocker設定スクリプトを作成しますか？ここで

// This is for testing in localhost environment 
var url = "ws://" + window.location.host + window.location.pathname + "bridge/"; 
// This is for working in production environment 
var url = "wss://" + window.location.host + window.location.pathname + "bridge/"; 
BRIDGE.socket = new WebSocket(url); 

Answer 1

はシンプルな「実行時にテンプレート置換」仕事ができるという考えです：

WebSocketを持つ仕事の例があります。

Docker Hubからの画像nginxは実際にenvsubstと呼ばれるgettextパッケージからのユーティリティを持っています。ファイル内の環境変数を置き換えることができます。実行時にこれを利用して、クイックシェルスクリプトをエントリポイントとして作って、私たちの代わりにすることができます。

まずは、entrypoint.shスクリプトを作成してみましょう：

#!/bin/sh 

if [ -n "$BASEURL" ]; then 
    envsubst '$BASEURL' </my.js.template> /my.js 
    exec nginx -g "daemon off;" 
else 
    echo "you must specify \$BASEURL as en environment variable" 
fi 

これは/my.js.templateでファイルを探します。私たちは、元nginxに基づいて新しいドッカーイメージでこれをラップする必要があります

var url = "$BASEURL" + window.location.pathname + "bridge/"; 

：私のサンプルファイルは次のようになります。それは、$BASEURLを置き換えます

docker run -d -e BASEURL=wss://myhost mynewnginximage 

：よう/my.jsあなたは環境ごとにURLを交換したいファイルだったと仮定して、あなたはこのイメージを起動することができ、

今

FROM nginx 
COPY entrypoint.sh /entrypoint.sh 
COPY my.js.template /my.js.template 
ENTRYPOINT ["/entrypoint.sh"] 

：Dockerfileは次のようになりますintテンプレートを作成して/my.jsに書き出し、元のベースイメージと同じようにnginxをPID 1として実行します。

もちろん、実際のコードにシェルスクリプトのパスを適合させる必要があります。しかし理論的には、同じイメージを使用できるようになり、環境ごとに環境変数を変更するだけです。これは、ローカルのシェルに設定されているBASEURLを使用してコンテナにそれを通過するdocker-composeを指示します

environment: 
    BASEURL: 

：ドッカー作曲では、次のような空白の環境変数を指定することができます。何かが意味がないと私は明確にしようとすることができるなら、私に教えてください

export BASEURL=ws://myhostfordev 
docker-compose up 

：だから、あなたは次のようにdocker-compose upを行うwouldn。より多くのテンプレート作成のためのenvsubstの代わりに、より強力で、テンプレートの入力として環境変数を取ることができるhttps://github.com/kelseyhightower/confdのようなものがあります。