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

學(xué)無先后,達(dá)者為師

網(wǎng)站首頁 編程語言 正文

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

作者:奇怪的點 更新時間: 2022-09-25 編程語言

一、xshell安裝docker,按照官網(wǎng)的步驟就可以了

1、進(jìn)入官網(wǎng)
docker官網(wǎng) https://www.docker.com/
如圖,根據(jù)自己服務(wù)器系統(tǒng)選擇就好了,我的是linux的ubuntu
在這里插入圖片描述
2、點擊Linux進(jìn)入后
在這里插入圖片描述
3、再點擊ubuntu,就進(jìn)入了這個頁面,再然后就按步驟執(zhí)行命令就好了
在這里插入圖片描述
4、有個地方要注意,當(dāng)你執(zhí)行到這里的時候要先把1、2點先弄完再執(zhí)行第3點的命令,不然會報錯
在這里插入圖片描述
5、安裝好了后執(zhí)行

docker -v

檢查有沒有成功安裝好。到這里docker就安裝好了

二、先把打包的前端項目用xftp更新到服務(wù)器

1、打開xftp,點擊新建會話
在這里插入圖片描述
2、如圖,通常只需設(shè)置這4個,和一個編碼語言utf-8
在這里插入圖片描述
在這里插入圖片描述
3、新建一個文件夾放你的項目,我比較隨意
在這里插入圖片描述
4、里面放打包后的項目和nginx和業(yè)務(wù)鏡像構(gòu)建流程(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創(chuàng)建容器啟動容器

1、鏈接服務(wù)器就不說了,和xftp相似

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

用這個創(chuàng)建容器,參數(shù)
-d :創(chuàng)建一個守護(hù)式容器在后臺運行
–name :自定義容器名稱
-p :使用80端口
–restart=always:容器停止后自動重啟
my:v1.0:鏡像名稱和版本
2、查看鏡像

docker images

如圖
在這里插入圖片描述
創(chuàng)建容器成功

3、打開網(wǎng)站看看應(yīng)該成功了,哈哈哈

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

欄目分類
最近更新