Node.js web 应用如何封装到Docker容器中


Posted in Javascript onSeptember 01, 2020

小小又开始学习新的内容了。这次学习的是,把一个Node.js 应用封装到Docker容器,完成本教程的前提是拥有一个可以安装的,已经正常可以工作的Docker。以及对Node.js应用如何工作,有一个大致的了解。

本教程的第一部分,需要创建一个Web应用程序,然后为这个应用程序构建一个Docker镜像,最后把这个镜像作为容器进行运行。

Docker允许应用对依赖进行打包完成一个标准化的单元,这是一个容器,对于应用而言,Docker被称为一个标准的Linux操作系统,一个镜像是进行加载到容器的软件。

创建Node.js应用

首先,需要创建一个package.json文件,以及包含的依赖。

{
 "name": "docker_web_app",
 "version": "1.0.0",
 "description": "Node.js on Docker",
 "author": "First Last <first.last@example.com>",
 "main": "server.js",
 "scripts": {
 "start": "node server.js"
 },
 "dependencies": {
 "express": "^4.16.1"
 }
}

然后输入npm install 进行安装相关的依赖。

然后创建一个server.js 文件,创建一个web应用。

'use strict';

const express = require('express');

// Constants
const PORT = 8080;
const HOST = '0.0.0.0';

// App
const app = express();
app.get('/', (req, res) => {
 res.send('Hello World');
});

app.listen(PORT, HOST);
console.log(`Running on http://${HOST}:${PORT}`);

这样就完成了一个标准的,最简单的web应用。

下面将需要创建一个镜像,用于对镜像进行封装。

创建一个 Dockerfile文件

touch Dockerfile

打开文件,输入相关的基础镜像

FROM node:12

创建相关的工作目录

# Create app directory
WORKDIR /usr/src/app

复制相关的包管理文件,并安装相关的依赖

# Install app dependencies
# A wildcard is used to ensure both package.json AND package-lock.json are copied
# where available (npm@5+)
COPY package*.json ./

RUN npm install
# If you are building your code for production
# RUN npm ci --only=production

复制相关的程序代码

# Bundle app source
COPY . .

绑定相关的端口号

EXPOSE 8080

创建持久化的命令,让系统在前台运行。

CMD [ "node", "server.js" ]

最后Dockerfile构建如下

FROM node:12

# Create app directory
WORKDIR /usr/src/app

# Install app dependencies
# A wildcard is used to ensure both package.json AND package-lock.json are copied
# where available (npm@5+)
COPY package*.json ./

RUN npm install
# If you are building your code for production
# RUN npm ci --only=production

# Bundle app source
COPY . .

EXPOSE 8080
CMD [ "node", "server.js" ]

关于dockerignore文件

此文件,是防止复制到相关的文件,例如node_modules 不需要复制到docker镜像内部

node_modules
npm-debug.log

构建docker镜像

docker build -t <your username>/node-web-app .

输入如上的命令,构建docker镜像。

最后构建出的docker镜像如下

$ docker images

# Example
REPOSITORY      TAG  ID    CREATED
node       12   1934b0b038d1 5 days ago
<your username>/node-web-app latest  d64d3505b0d2 1 minute ago

运行相关镜像

此时镜像已经构建完成,这里需要对镜像进行运行。

docker run -p 49160:8080 -d <your username>/node-web-app

需要进入容器,输入如下的命令

# Enter the container
$ docker exec -it <container id> /bin/bash

测试

输入ps,可以看到docker的镜像的详细内容

$ docker ps

# Example
ID   IMAGE        COMMAND ... PORTS
ecce33b30ebf <your username>/node-web-app:latest npm start ... 49160->8080

使用curl可以访问网站

$ curl -i localhost:49160

HTTP/1.1 200 OK
X-Powered-By: Express
Content-Type: text/html; charset=utf-8
Content-Length: 12
ETag: W/"c-M6tWOb/Y57lesdjQuHeB1P/qTV0"
Date: Mon, 13 Nov 2017 20:53:59 GMT
Connection: keep-alive

Hello world

以上就是Node.js web 应用如何封装到Docker容器中的详细内容,更多关于Node.js 应用封装到Docker容器的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
判断一个变量是数组Array类型的方法
Sep 16 Javascript
jquery选择符快速提取web表单数据示例
Mar 27 Javascript
在Node.js中实现文件复制的方法和实例
Jun 05 Javascript
原生js模拟淘宝购物车项目实战
Nov 18 Javascript
教你如何终止JQUERY的$.AJAX请求
Feb 23 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 Javascript
angular2系列之路由转场动画的示例代码
Nov 09 Javascript
使用vue + less 实现简单换肤功能的示例
Feb 21 Javascript
Js 利用正则表达式和replace函数获取string中所有被匹配到的文本(推荐)
Oct 28 Javascript
vue实现日历备忘录功能
Sep 24 Javascript
H5实现手机拍照和选择上传功能
Dec 18 Javascript
JS前端使用canvas实现扩展物体类和事件派发
Aug 05 Javascript
Vue中关闭弹窗组件时销毁并隐藏操作
Sep 01 #Javascript
Vue 使用typescript如何优雅的调用swagger API
Sep 01 #Javascript
vue路由切换时取消之前的所有请求操作
Sep 01 #Javascript
jQuery实现动态加载瀑布流
Sep 01 #jQuery
vue Treeselect下拉树只能选择第N级元素实现代码
Aug 31 #Javascript
vue treeselect获取当前选中项的label实例
Aug 31 #Javascript
vue 监听 Treeselect 选择项的改变操作
Aug 31 #Javascript
You might like
Yii使用Captcha验证码的方法
2015/12/28 PHP
PHP几个实用自定义函数小结
2016/01/25 PHP
用JavaScript获取网页中的js、css、Flash等文件
2006/12/20 Javascript
JQuery实现自定义对话框的代码
2008/06/15 Javascript
JavaScript(js)设置默认输入焦点(focus)
2012/12/28 Javascript
jquery实现智能感知连接外网搜索
2013/05/21 Javascript
js分页工具实例
2015/01/28 Javascript
修复jQuery tablesorter无法正确排序的bug(加千分位数字后)
2016/03/30 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
Vue中引入样式文件的方法
2017/08/18 Javascript
详解webpack4多入口、多页面项目构建案例
2018/05/25 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
jQuery使用bind动态绑定事件无效的处理方法
2018/12/11 jQuery
微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
2019/01/22 Javascript
ES6知识点整理之模块化的应用详解
2019/04/15 Javascript
vue获取时间戳转换为日期格式代码实例
2019/04/17 Javascript
Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解
2019/08/07 Javascript
[07:39]第一届亚洲邀请赛回顾视频
2017/02/14 DOTA
[01:02:20]Mineski vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python实现二维曲线拟合的方法
2018/12/29 Python
python re.sub()替换正则的匹配内容方法
2019/07/22 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
Python如何实现的二分查找算法
2020/05/27 Python
详解前端HTML5几种存储方式的总结
2016/12/27 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
remote接口和home接口主要作用
2013/05/15 面试题
采购部部长岗位职责
2014/02/06 职场文书
运动会邀请函范文
2014/02/06 职场文书
小学校长个人总结
2015/03/03 职场文书
领导视察通讯稿
2015/07/18 职场文书
2016年“六一儿童节”校园广播稿
2015/12/17 职场文书
接触艺术对孩子学习思维有益
2019/08/06 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
Win10系统下配置Java环境变量
2021/06/13 Java/Android