PM2與Babel踩坑

時間  2019-11-15
標籤 pm2 babel 简体版
原文   原文鏈接

PM2與Babel踩坑

PM2是node進程管理工具，能夠利用它來簡化不少node應用管理的繁瑣任務，如性能監控、自動重啓、負載均衡等，並且使用很是簡單。官方文檔 中文快速入門html

Babel 是一個工具鏈，主要用於將 ECMAScript 2015+ 版本的代碼轉換爲向後兼容的 JavaScript 語法，以便可以運行在當前和舊版本的瀏覽器或其餘環境中。官方文檔 中文node

項目背景

node服務，採用es6語法，import模塊導入、async/await語法糖、箭頭函數等等,以及koa-swagger-decorator自動生成swagger.json(api接口的註解,經過註解在swagger頁面展示出每一個api接口的詳細描述)
項目部署採用pm2，集羣　+ 環境區分（開發、測試、生產）mysql

babel

若是使用koa-swagger-decorator,在github倉庫中說明了使用時依賴babel-plugin-transform-decorators-legacy這個babel插件,可是This plugin is specifically for Babel 6.x. If you're using Babel 7, this plugin is not for you.(npm原話),若是你使用Babel7的話,你可使用@babel/plugin-proposal-decorators, 可是在.babelrc中必須以下設置git

"plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
  ]

好, 咱們用babel-7.4.0試一下 安裝babel依賴es6

"dependencies": {
    "@babel/cli": "^7.4.4",
    "@babel/core": "^7.4.5",
    "@babel/plugin-proposal-decorators": "^7.4.4",
    "@babel/plugin-transform-runtime": "^7.4.4",
    "@babel/preset-env": "^7.4.5",
    "@babel/runtime": "^7.4.5",
    "@babel/runtime-corejs3": "^7.4.5",
    ...你的其餘依賴
}

完整的.babelrc配置github

{
    "presets": [
        ["@babel/preset-env", {
            "targets": {"node": true},
            } 
        ]
    ],
    "plugins": [
    // 能夠作到最小化加載babel-polyfill減少項目體積,雖然在node環境中無所謂
        ["@babel/plugin-transform-runtime", {
            "corejs": 3 // 可選 false | 2 | 3
        }],
        ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ]
}

ok 經過上述的babel安裝及.babelrc設置試一試轉碼web

  • 入口文件app.js
import config from './config'
import eurekaServer from './eureka'
import {connectDB} from './db'
import Koa from 'koa';
import router from './swagger/index'
import responseHandler from './middleware/response_handle'
import mqServer from './mq/MQServer'
import cron from './cron'

const koaCors = require('koa-cors');
const koaBody = require('koa-body');
const app = new Koa();
async function initApp (){
    //鏈接mysql
    await connectDB();
    //鏈接mq
    await mqServer.connect();
    //啓動Eureka
    await eurekaServer.start();
    //Eureka心跳
    app.use(eurekaServer.info()); 
    //啓動定時拉取微信公衆號圖文及統計任務
    await cron();
    app.use(async function (ctx, next) {
        ctx.response.get("Access-Control-Allow-Origin", "*");
        ctx.response.set("Access-Control-Allow-Headers", "Content-Type,Content-Length,Accept,X-Requested-With,token");
        ctx.response.set("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
        if (ctx.request.method == "OPTIONS") ctx.response.status = 200;
        await next();
    })         
            
    //restful 中間件
    app.use(responseHandler.restify());
    app.use(koaCors());
    app.use(koaBody({ multipart: true }));
    app.use(router.routes());
    app.use(router.allowedMethods());
    app.listen(config.port, _ =>  console.log(`app started at port ${config.port}`));
    return app;
}

initApp()
.catch(err => `未知服務錯誤：${err.message}`)
  • 項目目錄
src/
 'app.js',
 'config/',
 'controllers/',
 'cron/',
 'dao/',
 'db/',
 'domain/',
 'eureka/',
 'middleware/',
 'model/',
 'mq/',
 'repository/',
 'swagger/',
 'util/'
  • 下一步 在package.json 中build
"scripts": {
  "build": "babel src -d dist"
},
  • 啓動 node dist/app.js
pan@ubuntu18:~/disk/panyanan/project/website_node$ node dist/app.js 
加載local環境的配置文件成功
sequelize deprecated The logging-option should be either a function or false. Default: console.log node_modules/sequelize/lib/sequelize.js:193:13
Executing (default): SELECT 1+1 AS result
connect MQ queues: {"queueNames":["q.upa_logs_node"],"connectOption":{"vhost":"OuterHost","hostname":"192.168.10.200","port":5672,"username":"admin","password":"123456"}}
registered with eureka:  NTDWebsit/192.168.10.49:8989
eureka註冊成功
koa deprecated Support for generators will be removed in v3. See the documentation for examples of how to convert old middleware https://github.com/koajs/koa/blob/master/docs/migration.md dist/app.js:47:7
app started at port 8989

用babel-6.0+試一下 安裝依賴sql

"dependencies": {
   "babel-cli": "^6.26.0",
   "babel-core": "^6.26.3",
   "babel-preset-env": "^1.7.0",
   "babel-plugin-transform-decorators-legacy": "^1.3.5",
   "babel-polyfill": "^6.26.0",
   ...其它依賴
   }

.babelrcnpm

{
   "presets": [
       ["env", {
               "targets": {"node": true},
               //會加載全部polyfill
               "useBuiltIns":true
           }
       ]
   ],
   "plugins": [
       "transform-decorators-legacy"
   ]
}

轉碼json

"scripts": {
"build": "babel src -d dist"
  },

bable6中轉碼過程會顯示全部被轉碼的文件

> selected@1.0.0 build /home/pan/disk/panyanan/project/website_node
> babel src -d dist

src/app.js -> dist/app.js
src/config/config.dev.js -> dist/config/config.dev.js
src/config/config.local.js -> dist/config/config.local.js
src/config/config.pred.js -> dist/config/config.pred.js
src/config/config.prod.js -> dist/config/config.prod.js
src/config/index.js -> dist/config/index.js
src/controllers/article_controller.js -> dist/controllers/article_controller.js
src/controllers/category_controller.js -> dist/controllers/category_controller.js
src/cron/articleTask.js -> dist/cron/articleTask.js
src/cron/index.js -> dist/cron/index.js
src/dao/article_dao.js -> dist/dao/article_dao.js
src/dao/article_day_summary_dao.js -> dist/dao/article_day_summary_dao.js
src/dao/category_dao.js -> dist/dao/category_dao.js
src/db/index.js -> dist/db/index.js
src/domain/article_domain.js -> dist/domain/article_domain.js
src/domain/category_domain.js -> dist/domain/category_domain.js
src/eureka/index.js -> dist/eureka/index.js
src/middleware/response_handle.js -> dist/middleware/response_handle.js
src/model/article_day_summary_model.js -> dist/model/article_day_summary_model.js
src/model/article_model.js -> dist/model/article_model.js
src/model/category_model.js -> dist/model/category_model.js
src/mq/MQServer.js -> dist/mq/MQServer.js
src/mq/UpalogsSendMsg.js -> dist/mq/UpalogsSendMsg.js
src/repository/article_day_summary_repository.js -> dist/repository/article_day_summary_repository.js
src/repository/article_repository.js -> dist/repository/article_repository.js
src/repository/category_repository.js -> dist/repository/category_repository.js
src/swagger/api.js -> dist/swagger/api.js
src/swagger/index.js -> dist/swagger/index.js
src/util/index.js -> dist/util/index.js

啓動 node dist/app.js

pan@ubuntu18:~/disk/panyanan/project/website_node$ node dist/app.js 
加載local環境的配置文件成功
sequelize deprecated The logging-option should be either a function or false. Default: console.log node_modules/sequelize/lib/sequelize.js:193:13
Executing (default): SELECT 1+1 AS result
connect MQ queues: {"queueNames":["q.upa_logs_node"],"connectOption":{"vhost":"OuterHost","hostname":"192.168.10.200","port":5672,"username":"admin","password":"123456"}}
registered with eureka:  NTDWebsit/192.168.10.49:8989
eureka註冊成功
koa deprecated Support for generators will be removed in v3. See the documentation for examples of how to convert old middleware https://github.com/koajs/koa/blob/master/docs/migration.md dist/app.js:59:9
app started at port 8989

ok 以上就是在node服務中使用babel轉碼的嘗試,babel中的配置及插件不少.設置起來也很麻煩,須要耐心的閱讀官方文檔,及前輩們的博客,總結一下基本概念.

  • babel-core 是babel的核心
  • babel-preset-env 是針對環境設置不一樣的轉碼規則
  • babel-polyfill,用於轉碼es6的api,好比Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise等全局對象，以及一些定義在全局對象上的方法（好比Object.assign）都不會轉碼。babel 默認只轉換語法 如() => {}
  • babe-runtime能夠作到按需轉碼,減小轉碼後的代碼體積
  • 利用useBuiltIns選項,能夠沒必要在代碼中require(bable-polyfill)
  • 經過提早build的方式能夠提升性能,相比之下 babel-node則很重,內存使用率很高
  • babel6/bable7的使用有很大不一樣,不管是.babelrc配置仍是插件

PM2

pm2 基礎命令能夠看看官方文檔
這裏說一下與babel相關的小坑,若是採用上面的build的方式是沒有任何問題的,只須要修改配置文件的目錄爲轉碼以後的啓動文件 apps.config.js

pm2 start apps.config.js 啓動
若是設置env 則須要加上參數如 pm2 start apps.config.js --env prod
則process.env.NODE_ENV == 'production'

module.exports = {
  apps : [{
    name: 'websit_node',
    script: './dist/app.js',
    args: 'one two',
    instances: 1,
    autorestart: true,
    watch: false,
    max_memory_restart: '1G',
    env: {
      NODE_ENV: 'local'
    },
    env_dev: {
      NODE_ENV: 'development'
    },
    env_pred: {
      NODE_ENV: 'pred'
    },
    env_prod: {
      NODE_ENV: 'production'
    }
  }],
};

若是採用babel-node方式啓動,則須要增長解釋器配置

module.exports = {
  apps : [{
    name: 'websit_node',
    script: './src/app.js',
    args: 'one two',
    instances: 1,
    autorestart: true,
    watch: false,
    max_memory_restart: '1G',
    interpreter: 'node_modules/babel-cli/bin/babel-node.js',
    env: {
      NODE_ENV: 'local'
    },
    env_dev: {
      NODE_ENV: 'development'
    },
    env_pred: {
      NODE_ENV: 'pred'
    },
    env_prod: {
      NODE_ENV: 'production'
    }
  }],
};

注意:

  • script字段則是未轉碼的項目入口文件,
  • interpreter字段,使用babe-node做爲編譯器執行script指定的入口文件,
  • babel-node啓動的方式在pm2中不支持集羣模式,就是說instances字段只能寫1,而提早build的方式則沒有這個限制.
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程