2 / 2
2018年5月

nuxtでプロダクトを使ってつくってる間は npm run dev でローカルサーバーをたてて使ってるんですが本番環境にデプロイしたい時は npm run build して npm start でSSRをすると思うんですがプロダクトのどのファイルをdockerに入れるべきなんでしょうか。

例えばjavascript 1枚とpublicのファイルをdockerにあげてnodeでそのjsを叩けば出来る。みたいなこと出来たりしませんか?

generateしてdocker内でnginxなどでした時に例えばURLに応じてOGPを変えたいとかは可能でしょうか?
可能であればgenerateしてnginxで構築しようかなと思っていたりもします。

よろしくお願いします。

  • 投稿者

    '18年5月
  • 最後の返信

    '18年5月
  • 1

    返信

  • 2.6k

    閲覧

  • 2

    ユーザ

  • 2

    いいね!

start コマンドを利用しているということはSSRを使っているということだと思うので、プロダクション環境では npm start を使うことになると思います。なので、JSファイル1枚をあげるだけ、という訳には行かず、Dockerコンテナで npm start する必要があるはずです。どのファイルを入れるかというと、僕の場合もう面倒なので全部ぶっ込んでます。

僕のDockerfileはこんな感じで;

FROM node:9.11.1

ENV NODE_ENV=production
ENV HOST 0.0.0.0

RUN mkdir -p /app
COPY . /app
WORKDIR /app

EXPOSE 3000

RUN yarn install --production
RUN yarn run build

CMD ["yarn", "start"]

で、Dockerの実行はこんな感じです。

$ docker build -t my-app .
$ docker run -d -p 3000:3000 --name my-app --rm my-app

僕もNginxを使ってますが、SSLを使うためのProxyとして使っていて、Nginx自体はDockerを走らせてる同じサーバに直でインストールしてますね。Nginx自体は単純にリクエストをポート3000(上述のDokcerで立ち上がっているNuxtサーバ)にプロキシしています。

server {
    listen 443 ssl;
    server_name example.com;

    location / {
        expires $expires;

        proxy_redirect off;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_read_timeout 1m;
        proxy_connect_timeout 1m;
        proxy_pass http://127.0.0.1:3000;
    }

    ssl_certificate /etc/letsencrypt/live/example.com/fullchain.pem; # managed by Certbot
    ssl_certificate_key /etc/letsencrypt/live/example.com/privkey.pem; # managed by Certbot
    include /etc/letsencrypt/options-ssl-nginx.conf; # managed by Certbot
    ssl_dhparam /etc/letsencrypt/ssl-dhparams.pem; # managed by Certbot
}

参考になれば幸いです : )