docker nginx 部署多個專案的示例方法

2022-10-03 09:51:09 字數 2258 閱讀 6004

前提條件

1、本地電腦和伺服器已安裝 docker,**方法自行谷歌吧

2、在 docker hub 上已有賬號, 註冊傳送門:

3、需要對 docker 已有所熟悉 ,並了解dockerfile裡的一些指令

使用dockerfile 製作映象

假如本機有乙個叫web的專案

在web根目錄下新建dockerfile,寫入以下內容

from nginx:1.13.6-alpine

label maintainer="lilywang "

arg tz="asia/shanghai"

env tz $

run apk upgrade --update \

&& apk add bash tzdata \

&& ln -sf /usr/share/zoneinfo/$ /etc/localtime \

&& echo $ > /etc/timezone \

&& rm -rf /var/cache/apk/*

copy dist /usr/share/nginx/html

cmd ["nginx", "-g", "daemon off;"]

此時web裡的檔案結構為:

.|____dockerfile

|____dist // 為專案打包後的檔案

| |____index.html

接下來在bash 進入到web目錄

cd web

docker build -t lilywang711/web .

看到列印資訊中有如下就說明映象已經構建成功了

successfully built 4c050212ce0d

successfully tagged lilywang711/web:latest

也可以輸入docker images檢視當前的映象列表

接下來輸入命令docker push lilywang711/web就可將剛才構建好的映象上傳到docker hub裡面,方便等會兒我們在服務端拉取映象

如果是有多個專案需要部署,那就按照以上步驟重複來就行,有多少個專案就構建多少個映象

服務端部署

ssh 登陸伺服器,在當前使用者目錄下(我是root目錄),新建 nginx 資料夾,並在裡面新建nginx.conf

在 nginx.conf 中寫入以下內容

}}接下來啟動dockersystemctl start docker

拉取剛才製作並上傳好的兩個映象

docker pull lilywang711/web

docker pull lilywang711/web1

輸入以下命令ysdtuszq啟動容器

docker run -itd --name web -p 80:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web

// -i 互動模式執行容器, -t 為容器分配乙個偽終端,-d 後台執行容器,可直接連寫 -itd

// --name 是給該容器起程式設計客棧個叫web的名字,方便辨識

//ysdtuszq -p 是繫結埠 本機埠80:容器埠80

// -v 宣告volume,意思是將容器中的/etc/nginx/nginx.conf 掛載到 宿主機裡的/root/nginx/nginx.conf,以後配置nginx只需要修改/root/nginx/nginx.conf就行了

另外乙個lilywang711/web1映象也同理,修改下埠和名字就好了

docker run -itd --name web1 -p 81:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web1

此時輸入docker ps就可以看到這兩個容器已經跑起來了

docker化專案並在nginx部署就已ysdtuszq經完成了

在瀏覽器輸入 和 就可以看到效果了,分別對應本地電腦中的web 和 web1 專案

本文標題: docker nginx 部署多個專案的示例方法

本文位址: /jiqiao/fuwuqi/245856.html

CentOS7 Docker Nginx部署及執行

網上找了一些資料部署,出現不一樣的問題,現在總結一下自己的部署流程 1 資源準備 dockerfile檔案 ported by adam miller from originally written for fedora dockerfiles by scollier from centos cen...

Docker Nginx映象部署 Vue 專案

docker nginx 映象部署 vue 專案 進入vue專案目錄,執行命令 yarn build npm run build生成dist資料夾 vi dockerfile an highlighted block 匯入nginx映象 from nginx maintainer soapy 把當前...

使用docker nginx部署vue專案

第一次用docker部署前端專案,做個筆記 打包vue專案獲得dist資料夾 寫dockerfile,內容如下from hub.c.163.com library nginx 基於nginx maintainer sorel 維護者資訊 copy dist usr share nginx html ...