在容器中使用Nuxt框架(docker-compose版)

分类: KUBERNETES 发布于:

为前端开发者提供一个boilerplate,内部持续推进版

代码地址

https://github.com/rmrfself/nuxt-docker

特点

  • 生产环境与开发环境隔离

  • 使用nginx反向代理，转发后端node

  • 通过shell脚本生成ssl使用的自签名证书

  • 使用docker-compose一键启动

使用方法

1) 生成自签名证书

bash selfsigned.sh

输入自签名证书需要的组织信息。

2) 把证书文件移到 ./certs 下

.
├── zqh_CA.pem
├── zqh.crt.pem
├── zqh.csr
└── zqh.key.pem

3) 修改 ./config下的.env 文件

ENVIRONMENT=dev
SSL_CERT_PATH=./certs/zqh.crt.pem
SSL_CERT_KEY_PATH=./certs/zqh.key.pem

4) 安装 node_modules

docker-compose run npm install

5) 启动容器服务

docker-compose -f docker-compose.yml -f docker-compose.dev.yml up

启动生产环境

cp config/dev.conf config/prod.conf

docker-compose up

6) docker-compse ps 查看启动后的服务

nuxt-js      npm run buildStart   Up       0.0.0.0:3000->3000/tcp
nuxt-nginx   ./start.sh           Up       0.0.0.0:443->443/tcp, 0.0.0.0:80->80/tcp

总结

Do repeat yourself. 
Make use of the tools.