经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
当前位置:技术经验 » JS/JS库/框架 » Node.js » 查看文章
M2实现Nodejs项目自动部署的方法步骤
来源:jb51  时间:2019/5/6 8:37:09  对本文有异议

PM2实现Nodejs项目自动部署

首先简单说下思路:本地git仓库与远程仓库关联(github、码云等平台),然后pm2按照指定配置登录服务器,拉取远程仓库的代码更新,再执行一些指定的命令(如打包等)。

创建本地项目并关联到远程仓库

本地新建名为web的项目,进入项目并创建一个简单的Nodejs文件app.js,

  1. mkdir web && cd web
  2. vi app.js

文件内容编辑如下,完成后保存退出:wq!。

  1. // app.s
  2.  
  3. const http = require('http');
  4.  
  5. const homePage = `
  6. <!DOCTYPE html>
  7. <html lang="en">
  8.  
  9. <head>
  10. <meta charset="UTF-8">
  11. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  12. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  13. <title>Document</title>
  14. <style type="text/css">
  15. * {
  16. padding: 0;
  17. margin: 0;
  18. }
  19. body {
  20. padding: 30px 0;
  21. text-align: center;
  22. font-size: 16px;
  23. background-color: #333;
  24. }
  25. h1,h2 {
  26. color: #fff;
  27. }
  28. nav {
  29. margin-top: 20px;
  30. }
  31. a {
  32. color: #ccc;
  33. cursor: pointer;
  34. }
  35. a:hover {
  36. text-decoration: underline;
  37. }
  38. </style>
  39. </head>
  40.  
  41. <body>
  42. <h1>Nodejs部署示例项目</h1>
  43. <h2>项目部署上线示例</h2>
  44. <nav>
  45. <ul>
  46. <li><a>列表</a></li>
  47. </ul>
  48. </nav>
  49. </body>
  50.  
  51. </html>
  52. `
  53.  
  54. http.createServer((req,res) => {
  55. res.statusCode = 200;
  56. res.setHeader('Content-Type','text/html');
  57. res.end(homePage);
  58. }).listen(3000, () => {
  59. console.log('Sever Running On 3000:');
  60. })

把本地项目放到远程仓库,可选Github或者码云等平台。首先查看本地是否生成过.ssh目录及目录下是否有私钥及公钥文件

  1. ls ~/.ssh

如果存在,跳到下一步。如果不存在id_rsa、id_rsa.pub文件,需要先生成一下:

"youemail"填写你的邮箱

  1. ssh-keygen -t rsa -C "youremail"

查看本地公钥的内容并复制内容添加到远程仓库

  1. cat ~/.ssh/id_rsa.pub

本地仓库关联远程仓库的其他操作这里就不赘述。

服务器从远程仓库拉取项目

服务器环境:阿里云的ecs,系统是Ubuntu 14.06

这一步后面是不需要手动操作的,但我们要做好配置,这里可以先手动拉取远程代码测试一下是否配置成功。

确保服务器已安装NodeJs、git、pm2,未安装的话自行百度。

复制服务器的公钥并添加到远程仓库,操作步骤同本地的2、3、4步。

定位到用户目录,拉取远程仓库确保可以拉取成功,若成功的话这个项目目录删除即可。

xxxx为你远程仓库的项目地址

  1. cd ~
  2. git clone xxxx

项目中配置pm2自动部署文件

在本地项目中新建配置文件ecosystem.json,这里为了方便理解添加了注释,但json文件不能有注释,记得去掉。

  1. {
  2. "apps":[
  3. {
  4. "name": "website", // 项目名称
  5. "script": "app.js", // 入口文件
  6. "env": {
  7. "COMMON_VARIABLE": "true"
  8. },
  9. "env_production": {
  10. "NODE_ENV": "production" // 环境变量
  11. }
  12. }
  13. ],
  14. // 环境部署的配置,此处只以production为例
  15. "deploy": {
  16. "production": {
  17. // 登录服务器的用户名
  18. "user":"slevin",
  19. // 服务器ip
  20. "host": ["47.75.191.199"],
  21. // 服务器ssh登录端口,未修改的话一般默认为22
  22. "port": "22",
  23. // 指定拉取的分支
  24. "ref": "origin/master",
  25. // 远程仓库地址
  26. "repo": "git@gitee.com:mslevin/website.git",
  27. // 指定代码拉取到服务器的目录
  28. "path": "/www/website/production",
  29. "ssh_options": "StrictHostKeyChecking=no",
  30. "env": {
  31. "NODE_ENV": "production"
  32. }
  33. }
  34. }
  35. }

服务器相关配置

配置文件中指定了存放项目的目录/www/website/production,但可能并不存在,需要手动新建:

  1. mkdir /www && cd www
  2. mkdir website

由于pm2需要在website目录中创建productions目录,需要更改website的读写权限

  1. cd /www
  2. sudo chmod 777 website

进入用户目录,并编辑.bashrc文件,下面几行都注释掉

这步是为了防止部署的时候服务器报错找不到pm2命令

  1. # If not running interactively, don't do anything
  2. #case $- in
  3. # *i*) ;;
  4. # *) return;;
  5. #esac

nginx做好端口转发配置

执行部署

把本地项目所有的更新push到远程仓库,然后执行

  1. pm2 deploy ecosystem.json production setup
  2. pm2 deploy ecosystem.json production

如果没有问题的话,本地打开浏览器访问对应ip:port就可以看到内容了。

后面每次项目做了个更新之后, 同步到远程仓库,然后执行pm2 deploy ecosystem.json production即可。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持w3xue。

 友情链接:直通硅谷  点职佳  北美留学生论坛

本站QQ群:前端 618073944 | Java 606181507 | Python 626812652 | C/C++ 612253063 | 微信 634508462 | 苹果 692586424 | C#/.net 182808419 | PHP 305140648 | 运维 608723728

W3xue 的所有内容仅供测试,对任何法律问题及风险不承担任何责任。通过使用本站内容随之而来的风险与本站无关。
关于我们  |  意见建议  |  捐助我们  |  报错有奖  |  广告合作、友情链接(目前9元/月)请联系QQ:27243702 沸活量
皖ICP备17017327号-2 皖公网安备34020702000426号