原文地址:Node JS后端项目开发与生产环境总结

Node JS常用后端框架有express、koa、sails。国产框架有个egg js,已经在cnode投入生产了,还有个think js,类似think php,在此支持一波。每个框架在开发环境与生产环境都有所不同,这里以koa为例

开发环境与生产环境的区别

建立在后台模板渲染(ejs, pug)的基础上。前后分离架构请参考webpack热更新实现

开发环境

  • 热更新
  • 错误处理
  • 前端js代码自动打包

生产环境

  • 静态缓存(static cache)
  • 内容压缩(gzip)
  • 日志文件
  • 进程守护
  • 强制https
  • 404处理
  • 负载均衡
  • 前端js代码混淆压缩

开发环境配置

热更新(nodemon)

nodemon在js文件变化后悔重新运行程序,在package.jsonscripts中添加:

dev: 'nodemon server.js'
npm run dev

nodemon还有许多可选配置,具体参阅nodemon文档

错误处理

以koa为例

app.on('error', err => {
log.error('server error', err)
});

如若想要将错误抛出到浏览器页面和美化错误页面,express可用express-error-handlerkoa可用onerror

前端js代码自动打包(webpack)

由于是后台模板渲染,所以没法用webpack-dev-server进行自动刷新。能做的就是利用webpackwatch在前端js改变后自动打包,当然还是免不了手动刷新

// webpack.config.js
const config = {
entry: {
app: path.resolve(root, './modules/app.js'),
about: path.resolve(root, './modules/about.js'),
},
output: {
path: path.resolve(root, './dist'),
publicPath: path.resolve(root, './dist'),
filename: '[name].js'
},
module: {
rules: [
{
test: /(\.js)$/,
use: {
loader: "babel-loader",
},
exclude: /node_modules/
}
]
},
devtool: '#eval-source-map',
watch: true,
watchOptions:{
poll:1000,//监测修改的时间(ms)
ignored:/node_modules/,//不监测
}
};

注意一定要开启source-map,不然无法定位报错位置。为通知webpack是生产还是开发环境,可以使用cross-env,然后在package.jsonscripts中添加:

"watch": "cross-env NODE_ENV=development webpack --watch webpack.config.js"

开发时应运行两个命令:

// nodemon
npm run dev // webpack
npm run watch

生产环境

生产环境一般使用pm2pm2已经帮我们完成了进程守护和负载均衡,内部实现原理在此不再赘述,具体参考pm2文档

// 生成pm2配置文件ecosystem.config.js
pm2 ecosystem

生成的配置文件已包含了生产环境的基本本质。跟多配置请参考pm2文档,在package.json文件的scripts中添加

"prd": "pm2 start ecosystem.config.js --env production"

生产环境下运行

npm run prd

这时我们可以通过process全局变量获取到环境状态,在app.js中添加

const prdEnv = process.env.NODE_ENV == 'production'

静态缓存

const staticCache = require('koa-static-cache')
if(prdEnv) {
// 静态缓存
app.use(staticCache(path.join(__dirname, 'public'), {
maxAge: 365 * 24 * 60 * 60
}))
}

gzip

const compress = require('koa-compress')
if(prdEnv) {
// gzip
app.use(compress({
filter: function (content_type) {
return /text/i.test(content_type)
},
threshold: 2048,
flush: require('zlib').Z_SYNC_FLUSH
}))
}

日志文件

类似nginxaccess.logerror.log,利用fs模块的appendFile方法来输出日志。首先在项目根目录下新建文件夹logs

const fs = require('fs')
const path = require('path')
if(prdEnv) {
// logger
app.use(async(ctx, next) => {
const start = new Date()
await next()
const ms = new Date() - start
fs.appendFile(path.join(__dirname, 'logs', ctx.status < 400 ? 'access.log' : 'error.log'), `[${start.toLocaleString()}] ${ctx.status} ${ctx.method} ${ctx.url} - ${ms}ms\r\n`)
})
}

强制https

// force https
app.use((ctx, next) => {
if(ctx.protocol == 'http') {
ctx.redirect(ctx.href.replace('http', 'https'))
} else {
return next()
}
})

404处理

建立一个模板命名为notFound.pug,在路由之后渲染

// 404
app.use(async (ctx) => {
await ctx.render('notFound')
})

前端js代码压缩混淆

在webpack中添加插件

// webpack.config.js
// 提取公共js
new webpack.optimize.CommonsChunkPlugin({name: 'common'}) // 压缩代码
new webpack.optimize.UglifyJsPlugin({
sourceMap: false,
parallel: true,
mangle: true,
compress: {
warnings: false,
drop_debugger: true,
drop_console: true
}
}) // package.json
"build": "cross-env NODE_ENV=production webpack --config webpack.config.js"

发布应用时需运行

npm run build

npm run prd

Node JS后端项目开发与生产环境总结的更多相关文章

  1. 前端(Node.js)(3)-- Node.js实战项目开发:“技术问答”

    1.Web 与 Node.js 相关技术介绍 1.1.Web应用的基本组件 web应用的三大部分 brower(GUI)<==>webserver(business logic.data ...

  2. iKcamp团队制作|基于Koa2搭建Node.js实战项目教学(含视频)☞ 环境准备

    安装搭建项目的开发环境 视频地址:https://www.cctalk.com/v/15114357764004 文章 Koa 起手 - 环境准备 由于 koa2 已经开始使用 async/await ...

  3. Node.js 从零开发 web server博客项目[express重构博客项目]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  4. Node.js 从零开发 web server博客项目[登录]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  5. Node.js 从零开发 web server博客项目[项目介绍]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  6. Node.js 从零开发 web server博客项目[数据存储]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  7. Node.js 从零开发 web server博客项目[koa2重构博客项目]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  8. Node.js 从零开发 web server博客项目[安全]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

  9. Node.js 从零开发 web server博客项目[日志]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

随机推荐

  1. 侯捷STL学习(四)--OOP-GP/操作符重载-泛化特化

    C++标准库第二讲 体系结构与内核分析 第1-7节为第一讲 读源代码前的准备 第八节:源代码分布 C++基本语法 模板的使用 数据结构和算法 本课程主要使用:Gnu C 2.9.1与Gun C 4.9 ...

  2. c#在sql中存取图片image示例

    这篇文章主要介绍了c#在sql中存取图片image示例,需要的朋友可以参考下 (1)控制台应用程序下演示插入图片 复制代码 代码如下: public void InsertIMG() { //将需要存 ...

  3. 使用svn进行本地代码管理

    简述 这里讨论的是如何管理自己个人电脑的个人项目的代码.和SVN服务器配置无关. 可以先到TortoiseSVN官网下载安装包进行安装. 代码仓库管理 比如现在有一个工程需要进行管理,可以先将该工程放 ...

  4. Python多进程-进程锁

    多进程虽然不允许多个进程同时修改同一份数据,但是多进程也有锁,为了在屏幕上打印的时候不出现两个进程同时执行的显示错误 # -*- coding:utf-8 -*- __author__ = " ...

  5. ehcache缓存入门学习

    ehcache缓存入门学习 1,概念 特性 EhCache 是一个纯Java的进程内缓存框架,具有快速.精干等特点,是Hibernate中默认的CacheProvider. 主要的特性有:1. 快速2 ...

  6. hadoop-2.7.3.tar.gz + spark-2.0.2-bin-hadoop2.7.tgz + zeppelin-0.6.2-incubating-bin-all.tgz(master、slave1和slave2)(博主推荐)(图文详解)

    不多说,直接上干货! 我这里,采取的是ubuntu 16.04系统,当然大家也可以在CentOS6.5里,这些都是小事 CentOS 6.5的安装详解 hadoop-2.6.0.tar.gz + sp ...

  7. Android studio导入svn工程

    Quick Start——> Check outproject from Version——> Subversion——> ‘+’加号 ——> 输入网址 ——> 注意选择 ...

  8. springboot中单元测试

    测试service: 测试api:

  9. POJ 2176 Folding(区间DP)

    题意:给你一个字符串,请把字符串压缩的尽量短,并且输出最短的方案. 例如:AAAAA可压缩为5(A), NEERCYESYESYESNEERCYESYESYES可压缩为2(NEERC3(YES)). ...

  10. JavaScript的编译原理

    尽管通常将 JavaScript 归类为“动态”或“解释执行”语言,但事实上它是一门编译语言.这个事实对你来说可能显而易见,也可能你闻所未闻,取决于你接触过多少编程语言,具有多少经验.但与传统的编译语 ...