docker啟動前端
作為一個前端，代碼寫完，最后部署到服務(wù)器，這是一個必須要了解的過程，今天，我就在docker 中安裝nginx 并部署做一個簡單的筆記。 ?
首先我在某云中有個云服務(wù)器，并登陸
前言
? 安裝Docker可以參考 ?
一、確認(rèn)環(huán)境？
啟動啟動 Docker
登錄后復(fù)制
?sudo systemctl start docker
查看是否已安裝了 nginx：
登錄后復(fù)制
?docker images
3. 安裝完成后，我們可以使用以下命令來運行 nginx 容器： ?
登錄后復(fù)制
?docker run --name nginx-test -p 8080:80 -d nginx
–name nginx-test：容器名稱。 ?
-p 8080:80： 端口進行映射，將本地 8080 端口映射到容器內(nèi)部的 80 端口。 ?
-d nginx： 設(shè)置容器在在后臺一直運行。 ?
如果出現(xiàn)這個就說明成功了，如果8080端口已經(jīng)用了，可以用其他的端口 ?
返回的id后面要用到
二、在docker中部署nginx
1.創(chuàng)建如下文件:
登錄后復(fù)制
?mkdir -p ~/nginx/www ~/nginx/logs ~/nginx/conf
2.拷貝容器內(nèi) Nginx 默認(rèn)配置文件到本地當(dāng)前目錄下的 conf 目錄
登錄后復(fù)制
?sudo docker cp 容器的id:/etc/nginx/nginx.conf ~/nginx/conf
這個的容器id ?
可以用這個命令去查看 ?
登錄后復(fù)制
?docker ps
3.新啟一個端口
登錄后復(fù)制
?sudo docker run -d -p 8082:80 --name 容器名稱 -v ~/nginx/www:/usr/share/nginx/html -v ~/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/nginx/logs:/var/log/nginx nginx 最上面返回的id
查看8082端口。看到如下，就說明成功了。 ?
4.在~/nginx/www 下就可以放前端打包構(gòu)建的項目了，我這里用的是winSCP
打開瀏覽器，訪問服務(wù)器ip:8082就可以看大如下效果 ?
三、總結(jié)
以上都是自測可行的，僅僅作為筆記，不喜勿噴！。 ? 可能會用到Docker start/stop/restart 命令，
啟動已被停止的容器wgshtml-web
登錄后復(fù)制
?docker start wgshtml-web
停止運行中的容器wgshtml-web
登錄后復(fù)制
docker stop wgshtml-web
重啟容器容器wgshtml-web
登錄后復(fù)制
docker restart wgshtml-web
后記：再開放一個8083的端口出來
第一步
登錄后復(fù)制
docker run --name nginx-test -p 8080:80 -d nginx
第二步：查看id
登錄后復(fù)制
docker ps
在當(dāng)前目錄建一個myReact的文件夾
登錄后復(fù)制
mkdir -p ~/myReact/www ~/myReact/logs ~/myReact/conf
拷貝容器內(nèi) Nginx 默認(rèn)配置文件到本地當(dāng)前目錄下的 conf 目錄
登錄后復(fù)制
sudo docker cp 87c589d190e1:/etc/nginx/nginx.conf ~/myReact/conf
啟動
登錄后復(fù)制
?sudo docker run -d -p 8083:80 --name myreact -v ~/myReact/www:/usr/share/nginx/html -v ~/myReact/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/myReact/logs:/var/log/nginx nginx
