学无先后,达者为师

网站首页 编程语言 正文

用xshell和xftp,加docker部署前端项目

作者:奇怪的点 更新时间: 2022-09-25 编程语言

一、xshell安装docker,按照官网的步骤就可以了

1、进入官网
docker官网 https://www.docker.com/
如图,根据自己服务器系统选择就好了,我的是linux的ubuntu
在这里插入图片描述
2、点击Linux进入后
在这里插入图片描述
3、再点击ubuntu,就进入了这个页面,再然后就按步骤执行命令就好了
在这里插入图片描述
4、有个地方要注意,当你执行到这里的时候要先把1、2点先弄完再执行第3点的命令,不然会报错
在这里插入图片描述
5、安装好了后执行

docker -v

检查有没有成功安装好。到这里docker就安装好了

二、先把打包的前端项目用xftp更新到服务器

1、打开xftp,点击新建会话
在这里插入图片描述
2、如图,通常只需设置这4个,和一个编码语言utf-8
在这里插入图片描述
在这里插入图片描述
3、新建一个文件夹放你的项目,我比较随意
在这里插入图片描述
4、里面放打包后的项目和nginx和业务镜像构建流程(Dockerfile)
在这里插入图片描述
dockerfile代码:

FROM nginx:latest
 
RUN mkdir /dist
COPY ./dist /dist
COPY ./nginx.conf.template /
 
CMD envsubst < /nginx.conf.template > /etc/nginx/nginx.conf \
	&& cat /etc/nginx/nginx.conf \
	&& nginx -g 'daemon off;'

nginx.conf.template代码:

user nginx;
 
worker_processes  1;
 
events {
    worker_connections  1024;
}
 
 
http {
    include       mime.types;
    default_type  application/octet-stream;
    sendfile        on;
    keepalive_timeout  65;
 
    server {
        listen       80;
        server_name  localhost;
        location / {
            root   /dist;
            index  index.html index.htm;
        }
    }
 
}

三、用xshell创建容器启动容器

1、链接服务器就不说了,和xftp相似

docker run -d --name nginx01 -p 80:80 --restart=always my:v1.0

用这个创建容器,参数
-d :创建一个守护式容器在后台运行
–name :自定义容器名称
-p :使用80端口
–restart=always:容器停止后自动重启
my:v1.0:镜像名称和版本
2、查看镜像

docker images

如图
在这里插入图片描述
创建容器成功

3、打开网站看看应该成功了,哈哈哈

原文链接:https://blog.csdn.net/lcc2001/article/details/127028242

栏目分类
最近更新