Docker
官方文檔: https://docs.docker.com/
Docker 是一個開源的應用容器引擎,讓開發者可以打包他們的應用以及依賴包到一個可移植的鏡像中,然后發布到任何流行的 Linux或Windows 機器上,也可以實現虛擬化。容器是完全使用沙箱機制,相互之間不會有任何接口。
使用 docker 部署 nuxt.js 項目
1、構建 node 鏡像
FROM node:alpine
為啥使用 alpine 版本?
相比於其他 Docker 鏡像,它的容量非常小,僅僅只有 5 MB 左右(對比 Ubuntu 系列鏡像接近 200 MB),且擁有非常友好的包管理機制。官方鏡像來自 docker-alpine 項目。 目前 Docker 官方已開始推薦使用 Alpine 替代之前的 Ubuntu 做為基礎鏡像環境。這樣會帶來多個好處。包括鏡像下載速度加快,鏡像安全性提高,主機之間的切換更方便,占用更少磁盤空間等。
2、設置項目保存目錄
RUN mkdir -p /app/src
3、復制項目代碼到鏡像
COPY ./src /app/src
4、指定命令執行的目錄
WORKDIR /app/src
5、設置 host
ENV HOST 0.0.0.0
6、執行項目安裝及編譯
RUN npm install RUN npm run build RUN npm cache clean --force
7、設置外部訪問端口
EXPOSE 3000
8、執行 nuxt 項目運行命令
CMD ["npm", "start"]
完整的 Dockerfile 文件
FROM node:alpine RUN mkdir -p /app/src COPY ./src /app/src WORKDIR /app/src ENV HOST "0.0.0.0" RUN sed -i "s/dl-cdn.alpinelinux.org/${ALPINE_REPOSITORIES}/g" /etc/apk/repositories RUN apk add --no-cache make gcc g++ python RUN npm install RUN npm run build RUN npm cache clean --force RUN apk del make gcc g++ python EXPOSE 3000 CMD ["npm", "start"]
當在項目中使用 sass 或者 scss 時,需依賴 python 環境,所以需要安裝 python,當然在編譯相關資源后,可以刪除相應的依賴以減小鏡像體積。
運行 Docker
1、構建鏡像
docker build -t nuxt-demo
2、啟動容器
docker run -dt -p 3000:3000 nuxt-demo
3、訪問
打開瀏覽器,訪問 127.0.0.1:3000
后記
- 1、可以用 Docker Compose 對容器進行編排,快速的部署多容器應用。
- 2、可以用 nginx 對容器進行代理,避免直接以端口的形式訪問容器。
本篇分享到這里就結束啦,給朋友們推薦一個前端公眾號,里面都是前端技術干貨。