將你的Nodejs React Web App Docker化

By paul | 2018-01-08 | Comments 0 Comment

假設目前已選用React的框架，我試驗的這套名叫https://github.com/zuiidea/antd-admin

方案目錄結構如下：

主要react程式都放在src的目錄下

node_modules是在npm install的時候，才會把相依套件安裝在這個目錄裡面

以下步驟的目的主要是希望啟動一個node.js 的web server，將我們的react web啟動後，可以透過外部編修程式來除錯與開發

production環境，不需要另外開放目錄了，而且依正常nodejs 的production build，就也編譯好了，所以不會因為src的code異動而影響！

1.在webapp的根目錄，建立DockerFile (touch Dockerfile)

# You should always specify a full version here to ensure all of your developers
# are running the same version of Node.
FROM node:7.8.0

# Override the base log level (info).
ENV NPM_CONFIG_LOGLEVEL warn

# Install and configure `serve`.
RUN npm install -g serve
CMD serve -s build
EXPOSE 8000

# Install all dependencies of the current project.
COPY package.json /node-app/package.json
#COPY npm-shrinkwrap.json npm-shrinkwrap.json
# The -g switch installs the Express Generator globally on your machine so you can run it from anywhere.
RUN cd /node-app;npm install

# Copy all local files into the image.
COPY . /node-app

# Build for production. 正式機時，要解除註解重建images，不然會大大影響效能
# RUN cd /node-app; npm run build

2. 建立Docker Images

docker build -t react-test-docker .

3. 啟動Docker Container(註，因為沒有標記production build，所以要指定start的路徑，start後，要加上prefix參數，指定你的web app目錄)

sudo docker run -d \

           -v /mnt/nodejs-app/mesodashboard/antd-admin-dashboard/src:/node-app/src \

           -p 8000:8000 \

        –name react-test-server \

           react-test-docker \

           npm start --prefix /node-app

發佈留言 取消回覆

發佈留言取消回覆