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 相关文章推荐
Prototype使用指南之string.js
Jan 10 Javascript
jQuery结合Json提交数据到Webservice,并接收从Webservice返回的Json数据
Feb 18 Javascript
js动态移动滚动条至底部示例代码
Apr 24 Javascript
js实现select跳转功能代码
Oct 22 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
JavaScript中setTimeout的那些事儿
Nov 14 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
微信小程序拼接图片链接无底洞深入探究
Sep 03 Javascript
基于Vue全局组件与局部组件的区别说明
Aug 11 Javascript
Ant Design的可编辑Tree的实现操作
Oct 31 Javascript
node中使用shell脚本的方法步骤
Mar 23 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
drupal 代码实现URL重写
2011/05/04 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
PHP设计模式之工厂方法设计模式实例分析
2018/04/25 PHP
Laravel源码解析之路由的使用和示例详解
2018/09/27 PHP
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
jQuery学习笔记[1] jQuery中的DOM操作
2010/12/03 Javascript
用jquery实现的模拟QQ邮箱里的收件人选取及其他效果(一)
2011/01/06 Javascript
优化Jquery,提升网页加载速度
2013/11/14 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
2015/03/25 Javascript
Bootstrap每天必学之下拉菜单
2015/11/25 Javascript
js实现图片轮播效果
2015/12/19 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
概述VUE2.0不可忽视的很多变化
2016/09/25 Javascript
详解自动生成博客目录案例
2016/12/09 Javascript
原生js实现拖拽功能基本思路详解
2018/04/18 Javascript
基于Vue实现关键词实时搜索高亮显示关键词
2018/07/21 Javascript
vue操作下拉选择器获取选择的数据的id方法
2018/08/24 Javascript
JavaScript实现随机五位数验证码
2019/09/27 Javascript
jQuery HTML获取内容和属性操作实例分析
2020/05/20 jQuery
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
[01:00:04]DOTA2上海特级锦标赛B组小组赛#1 Alliance VS Spirit第二局
2016/02/26 DOTA
[02:03]完美世界DOTA2联赛10月30日赛事集锦
2020/10/31 DOTA
Python中常见的数据类型小结
2015/08/29 Python
Python 模拟员工信息数据库操作的实例
2017/10/23 Python
python数据抓取分析的示例代码(python + mongodb)
2017/12/25 Python
python 将字符串转换成字典dict的各种方式总结
2018/03/23 Python
python os.rename实例用法详解
2020/12/06 Python
HTML5 Canvas的常用线条属性值总结
2016/03/17 HTML / CSS
美赞臣新加坡官方旗舰店:Enfagrow新加坡
2019/05/15 全球购物
戴尔英国翻新电脑和电子产品:Dell UK Refurbished Computers
2019/07/30 全球购物
网站编辑求职信
2013/10/17 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
Pytorch中的数据集划分&正则化方法
2021/05/27 Python
python中sqllite插入numpy数组到数据库的实现方法
2021/06/21 Python
详解Spring Security中的HttpBasic登录验证模式
2022/03/17 Java/Android