日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不

當前位置:首頁 > 科技  > 軟件

使用 Docker 搭建 Node.JS 開發環境是一種什么體驗?

來源: 責編: 時間:2024-07-15 09:08:08 225觀看
導讀前言最近和一些小伙伴在溝通這個博客全棧項目時,會發現其中一些朋友在安裝依賴這個階段就出現問題了,總是會問我“為什么依賴安裝失敗?”這個問題可能是前端或者 node 領域最常見的問題了,基本上每個人都遇到過,拉取一個項

前言

最近和一些小伙伴在溝通這個博客全棧項目時,會發現其中一些朋友在安裝依賴這個階段就出現問題了,總是會問我“為什么依賴安裝失敗?”這個問題可能是前端或者 node 領域最常見的問題了,基本上每個人都遇到過,拉取一個項目后,依賴都裝不成功,何談繼續使用呢?DX528資訊網——每日最新資訊28at.com

依賴安裝階段就失敗,一部分原因來自于依賴版本鎖的寬松性,很多時候我們不會鎖死一個依賴的版本號,而是會采用^, ~ 這種范圍限制,這就會導致在npm install的時候,可能會嘗試去安裝一個更高版本的依賴,而這個更高版本的依賴可能會帶來它的一些依賴項的兼容性問題,引起安裝階段報錯。DX528資訊網——每日最新資訊28at.com

另一部分原因是 Node 版本導致的,因為某些包對 Node 版本是有要求的,如果環境不符合要求,也會安裝失敗。DX528資訊網——每日最新資訊28at.com

圖片圖片DX528資訊網——每日最新資訊28at.com

想要解決這類問題,最好的辦法就是使用容器化完全隔離環境,因為我們可以在 Dockerfile 中指定項目需要的運行環境,這樣一來,使用者的主機環境是什么 Node 版本大可不必操心。在上一篇文章中,我們學會了使用 Docker 構建 NodeJS Express 鏡像并自動化部署生產環境使用,但是開發環境的問題我們還未解決掉,本文就來學習一下怎么使用 Docker 構建 NodeJS 開發環境。DX528資訊網——每日最新資訊28at.com

需求梳理

我們很清楚,開發環境下,最重要的一點是什么,那就是修改了代碼,能夠立即生效,方便快速調試,這種熱更新或者自動重啟能力是至關重要的。DX528資訊網——每日最新資訊28at.com

能做到這一點的工具有很多,比如 Nodemon[3], PM2[4] 等,我更習慣使用 PM2,PM2 的 watch 特性可以讓我們快速開發調試。DX528資訊網——每日最新資訊28at.com

接下來就說說怎么使用 Docker + PM2 搭建一個開發環境。DX528資訊網——每日最新資訊28at.com

Docker + PM2 搭建 Node 開發環境

在沒有使用 Docker 之前,我們就是用 PM2 來進行開發和部署 Express 項目的,也算是比較熟悉了,改造起來不會很難。DX528資訊網——每日最新資訊28at.com

準備 PM2 配置文件

首先,我們準備一個ecosystem.config.js,這是 PM2 配置文件,不管用不用 Docker 都用得上它。具體配置內容就和原來保持一致即可。DX528資訊網——每日最新資訊28at.com

module.exports = {    apps: [        {            // 應用名            name: 'blog',            // 啟動腳本            script: 'app.js',            // –env參數指定運行的環境            env: {                NODE_ENV: "development",                PORT: 8002,            },            watch: true,            ignore_watch: ["node_modules", ".git", ".github", '.gitignore', '.dockerignore', '.release-it.cjs', '*.md'],        }    ],};

我們開啟了watch配置,這樣就可以做到修改源碼立即重啟服務。當然,我們也不能隨便修改什么文件就重啟服務,比如一些 ignore 文件,markdown 文件,修改了之后也不應該重啟服務,這就需要用到ignore_watch配置。DX528資訊網——每日最新資訊28at.com

Dockerfile for Dev

接著我們還是要寫 Dockerfile,為了和生產環境區分開,我們單獨新建一個 Dockerfile.dev 文件。DX528資訊網——每日最新資訊28at.com

ARG NODE_VERSION=16.20.2FROM node:${NODE_VERSION}-alpineENV NODE_ENV developmentENV PORT 8002WORKDIR /appRUN npm install pm2-dev -gRUN --mount=type=bind,source=package.json,target=package.json /    --mount=type=bind,source=package-lock.json,target=package-lock.json /    --mount=type=cache,target=/root/.npm /    npm ciEXPOSE 8002CMD ["npm", "start"]

可以看到,我們通過 RUN 指令安裝了一個 pm2-dev 包,而非 pm2,這是官方推薦我們在 Docker 容器中使用的,pm2-dev 具備 watch 和 restart 特性。DX528資訊網——每日最新資訊28at.com

圖片圖片DX528資訊網——每日最新資訊28at.com

其中提到的 pm2-runtime 則是用于 Docker 生產環境的。DX528資訊網——每日最新資訊28at.com

構建鏡像

構建鏡像總是這樣的千篇一律,唯一的區別是這里用-f指定了 Dockerfile,因為我們要和生產環境的 Dockerfile 區分開。DX528資訊網——每日最新資訊28at.com

docker build -f Dockerfile.dev -t blog-express-dev .

啟動容器

由于我們希望在啟動容器后,還能利用 PM2 的 watch 特性做到修改源碼后自動重啟服務,這就必須把我們的源碼作為 Volume 掛載到容器中。所以 docker run 大概要這樣寫:DX528資訊網——每日最新資訊28at.com

docker run -dp 8002:8002 /--mount type=bind,source=${PWD},target=/app /--name blog-backend-dev /blog-express-dev

啟動容器后,就可以測試服務的有效性了,我們隨意測試一個接口。DX528資訊網——每日最新資訊28at.com

curl localhost:8002/article/page

圖片圖片DX528資訊網——每日最新資訊28at.com

能得到這樣的響應內容,說明服務一切正常。DX528資訊網——每日最新資訊28at.com

解決 watch 不生效問題

當我以為萬事大吉時,準備最后測試服務的熱重啟是否正常。DX528資訊網——每日最新資訊28at.com

- const pageNo = Number(req.query.pageNo || 1);+ const pageNo = Number(req.query.pageNo || 3);

我把 article/page 對應的控制器的默認頁碼改為了 3,發現修改代碼后,服務并沒有重啟,curl 的結果毫無變化,這說明 watch 特性沒有生效。DX528資訊網——每日最新資訊28at.com

我首先仔細檢查了我的各個配置項,發現都沒有異常,于是就去網上找找有沒有人遇到我這種問題,結果也沒找到。DX528資訊網——每日最新資訊28at.com

實在沒辦法,就到 PM2 的 issue 中去搜索 pm2-dev, Docker, watch 這種關鍵詞,確實找到了一些相似的問題。DX528資訊網——每日最新資訊28at.com

首先是這位老哥提了個問題,他說使用 pm2-runtime 時能檢測到文件變化自動重啟服務,而 pm2-dev 卻不行。DX528資訊網——每日最新資訊28at.com

圖片圖片DX528資訊網——每日最新資訊28at.com

這已經是 2020 年提的 issue,我想著我也得留個言,萬一解決了我也好知道。DX528資訊網——每日最新資訊28at.com

圖片圖片DX528資訊網——每日最新資訊28at.com

但我也知道,這也解決不了問題,我的留言不會馬上得到回復的,于是接著找其他的 issue,翻了好久又找到一個差不多的問題。DX528資訊網——每日最新資訊28at.com

圖片圖片DX528資訊網——每日最新資訊28at.com

雖然這里面說的是在 Mac 上遇到這個問題,但是我想著我也得試試,于是加了usePolling重新打鏡像運行容器,結果還真的好了,修改源碼能夠立刻生效,開發環境最關鍵的問題解決了!DX528資訊網——每日最新資訊28at.com

小結

做一件事情,最怕的就是關鍵地方掉鏈子,功虧一簣,最欣喜的也是解決掉問題的那一刻,雖然我知道解決完一個問題還會有下一個棘手的問題等著我,但是不礙事,做程序就是這樣,山重水復疑無路,柳暗花明又一村,人生亦如此!DX528資訊網——每日最新資訊28at.com

  • 開源地址:vue3-ts-blog-frontend[1]
  • 專欄導航:Vue3+TS+Node打造個人博客(總覽篇)[5]

參考資料

[1]vue3-ts-blog-frontend: https://github.com/cumt-robin/vue3-ts-blog-frontendDX528資訊網——每日最新資訊28at.com

[2]express-blog-backend: https://github.com/cumt-robin/express-blog-backendDX528資訊網——每日最新資訊28at.com

[3]Nodemon: https://nodemon.io/DX528資訊網——每日最新資訊28at.com

[4]PM2: https://pm2.keymetrics.io/DX528資訊網——每日最新資訊28at.com

[5]Vue3+TS+Node打造個人博客(總覽篇): https://juejin.cn/post/7066966456638013477DX528資訊網——每日最新資訊28at.com

本文鏈接:http://m.www897cc.com/showinfo-26-100980-0.html使用 Docker 搭建 Node.JS 開發環境是一種什么體驗?

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。郵件:2376512515@qq.com

上一篇: 11個必備技巧,讓 VS Code 運行更快,提高編程速度(0 到 100)

下一篇: Python excel、word報表生成神器

標簽:
  • 熱門焦點
Top 日韩成人免费在线_国产成人一二_精品国产免费人成电影在线观..._日本一区二区三区久久久久久久久不
欧美人与禽猛交乱配| 久久久人成影片一区二区三区观看| 国内精品久久久久久久果冻传媒| 国产日产欧产精品推荐色 | 国产精品美女久久久免费| 国产精品一区在线播放| 国内精品视频在线播放| 亚洲区一区二| 在线精品在线| 99视频精品在线| 欧美一区二区三区视频| 麻豆精品精品国产自在97香蕉| 欧美精品18+| 国产精品久久久一本精品| 国产亚洲欧洲一区高清在线观看 | 国产精品r级在线| 国产目拍亚洲精品99久久精品| 国内伊人久久久久久网站视频| 国产精品激情av在线播放| 国产日韩一区二区| 亚洲欧洲一区二区三区| 午夜精品福利一区二区蜜股av| 久久夜色精品一区| 欧美日韩一区二区在线观看| 国产一区二区三区久久| 亚洲日本中文| 亚洲在线免费| 老司机午夜精品视频在线观看| 欧美日韩另类丝袜其他| 国产专区一区| 这里只有精品丝袜| 另类亚洲自拍| 国产精品免费一区二区三区在线观看| 激情欧美一区二区| 亚洲欧洲日产国产网站| 欧美在线首页| 欧美精品一区二区三区蜜臀 | 一区二区三区 在线观看视| 欧美中文在线观看国产| 欧美日韩不卡合集视频| 国产精品乱子久久久久| 亚洲欧洲一区二区在线播放 | 欧美日本在线看| 一区二区在线观看av| 亚洲一区二区三区国产| 欧美福利电影在线观看| 国产一区二区三区高清| 亚洲一区二区三区乱码aⅴ蜜桃女| 麻豆久久精品| 国产一区二区精品在线观看| 一区二区国产日产| 欧美成人情趣视频| 国产一区二区主播在线| 亚洲一级网站| 欧美连裤袜在线视频| 在线观看欧美成人| 欧美在线观看一区| 国产精品久久久一区二区| 亚洲美女视频网| 美女日韩欧美| 激情五月综合色婷婷一区二区| 亚洲免费中文| 国产精品成人一区二区| 狠狠v欧美v日韩v亚洲ⅴ| 午夜精品电影| 国产精品亚洲网站| 亚洲一级免费视频| 欧美日韩亚洲综合| 亚洲精品一区二区三区婷婷月 | 国产亚洲综合精品| 欧美一区二区| 国产精品毛片| 亚洲图片自拍偷拍| 欧美三级电影一区| 日韩一级黄色大片| 欧美激情第三页| 亚洲国产一二三| 久久中文在线| 在线观看亚洲视频| 久久久久99| 国产综合色产在线精品| 久久大逼视频| 国产一区二区剧情av在线| 午夜性色一区二区三区免费视频| 欧美揉bbbbb揉bbbbb| 夜夜精品视频| 欧美午夜国产| 亚洲一二三区精品| 国产精品美女在线观看| 亚洲色诱最新| 国产精品福利在线观看网址| 亚洲精品久久在线| 欧美极品一区| 一本一本久久a久久精品牛牛影视| 欧美国产高清| 欧美va亚洲va香蕉在线| 亚洲欧洲午夜| 欧美精品在线一区| 一区二区三区日韩| 国产精品美女www爽爽爽| 午夜精品久久久久久99热软件| 国产美女精品视频| 久久久久久久久伊人| 亚洲成人在线| 欧美精品色网| 亚洲私人影院| 国产免费成人在线视频| 久久电影一区| **性色生活片久久毛片| 欧美激情成人在线视频| 一区二区三区成人精品| 国产精品美女黄网| 久久精品国产精品亚洲| 亚洲高清在线观看| 欧美日韩日本视频| 性感少妇一区| 伊人婷婷久久| 欧美日韩另类一区| 欧美一区激情| 亚洲激情在线| 欧美亚洲成人网| 久久国产精品黑丝| 亚洲国产高清aⅴ视频| 欧美啪啪成人vr| 亚洲欧美日韩高清| 一区二区在线视频| 久久精品国内一区二区三区| 亚洲国产裸拍裸体视频在线观看乱了中文| 欧美激情影院| 午夜精品国产更新| 在线观看91精品国产入口| 欧美日韩国产bt| 小黄鸭精品密入口导航| 在线欧美亚洲| 国产精品国产成人国产三级| 久久久精品国产免费观看同学| 亚洲精品视频免费| 国产欧美一区二区视频| 欧美成年人网| 午夜视频一区| 亚洲美女视频| 国产专区一区| 欧美日韩国产二区| 久久久久久**毛片大全| 一区二区毛片| 黄色小说综合网站| 欧美午夜精品理论片a级按摩| 久久精品日产第一区二区| 99re视频这里只有精品| 国产一区二区久久| 欧美日韩亚洲天堂| 久久亚洲国产精品一区二区| 亚洲深夜福利视频| 亚洲电影下载| 国产深夜精品福利| 欧美三级午夜理伦三级中视频| 久久se精品一区二区| 亚洲人精品午夜| 国产一区二区在线免费观看| 欧美人与性动交cc0o| 久久精品主播| 亚洲一区二区影院| 亚洲人成在线观看网站高清| 国产日韩综合| 国产精品成人在线| 欧美黄色免费| 欧美怡红院视频| 亚洲视频一区二区免费在线观看| 在线观看日韩国产| 国产欧美一区二区三区久久 | 精品成人一区| 国产精品视频观看| 欧美日韩精品一区二区| 另类综合日韩欧美亚洲| 久久激情综合网| 亚洲欧美日韩国产一区二区| 亚洲精品久久久久久久久久久| 国模吧视频一区| 欧美色欧美亚洲另类二区| 欧美jizz19性欧美| 久久精品天堂| 欧美在线免费看| 亚洲欧美大片| 制服丝袜激情欧洲亚洲| 亚洲精品视频在线| 亚洲国产精品成人综合色在线婷婷 | 美女精品在线| 久久手机免费观看| 欧美一级淫片aaaaaaa视频| 一本色道久久综合亚洲精品不 | 亚洲欧洲精品一区二区| 影音先锋一区| 国产视频一区在线| 国产精品一区二区三区久久 | 欧美片网站免费| 欧美高清视频| 欧美精品18| 欧美人与禽猛交乱配视频| 欧美国产精品| 欧美激情一区二区三区在线视频 | 欧美女同在线视频| 欧美另类综合| 欧美日韩免费一区二区三区视频| 欧美精品播放|