日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

用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

欄目分類
最近更新