打包部署

1. 常用命令

# 打包
$ npx dumi build
# 修改Nginx配置后的测试与重启
$ docker-compose exec nginx nginx -t
$ docker-compose exec nginx nginx -s reload
# docker销毁与重新编译
$ docker-compose down
$ docker-compose up --build -d

常用目录:

# 宿主机配置文件:docker文件、nginx配置文件、证书文件
/opt/my-nginx
/opt/my-nginx/nginx/conf.d/
ls /opt/my-nginx/nginx/conf.d/ss-cert/
# 宿主机数据文件
/data/my-nginx/nginx/adminPro
# Docker容器数据文件
/opt

2. 打包

使用npx dumi build 进行打包。 在 windows 上会报错,可以在 linux 上打包。 可以在 github 上打包,这里有一个参考文档,还没仔细看怎么弄呢。最终估计要上一个自动化部署的程序了。

3. 配置 nginx

日常部署,就是程序打包,然后上传到服务器上。

这里记载一个全部署的过程。

3.1 域名与证书

在阿里云上将域名指向服务器,并上传 HTTPS 证书。

nginxconf.d目录下,新追加一个 conf 文件,用来配置相关信息。

配置完毕后,需要执行下面命令,来检查配置的是否正确,不能出现 waring 与 error

docker-compose exec nginx nginx -t

3.2 docker-compose

主要是在宿主机上映射一个目录到 docker 容器,今后只要在宿主机上部署,就可以了。

第一步:宿主机建立目录

建立一个持久化目录,例如:/data/my-nginx/nginx/adminpro。

然后生成一个临时的 Html 文件

echo 'hi ant-learning' > /data/my-nginx/nginx/ant-learning/index.html

第二步:配置 docker-compose

配置 docker-compose 中的 volumens,例如下面:

- /data/my-nginx/nginx/adminpro/:/opt/adminpro/

第三部:配置生效

重新生成 Docker 容器

docker-compose down
docker-compose up --build -d

4. GithubPages

5. GiteePages

这里记录了如何再 giteePages 中如何自动部署程序

6. 常用工具