详解从买域名到使用pm2部署node.js项目全过程


Posted in Javascript onMarch 07, 2018

作为一个前端,对写好的项目怎么部署到服务器是一脸蒙圈的,但还是对这个很感兴趣,决定尝试一下,说干就干。

一、买域名和服务器

要部署项目肯定要买域名,这点是必不可少的,发现腾讯云上边有免费的服务器可用(只免费7天),于是就到腾讯云买了域名,又在腾讯云领了免费的服务器,当然这期间会让你实名认证。

详解从买域名到使用pm2部署node.js项目全过程

买域名

详解从买域名到使用pm2部署node.js项目全过程

领服务器

在腾讯云选择了CentOS服务器,接下来进行域名解析,然后对服务器进行设置(账号密码之类的)

详解从买域名到使用pm2部署node.js项目全过程

域名解析

二、部署Node.js环境

(一)登录服务器,先更新一下(第一次使用服务器先更新下)

yum update -y

(二)安装node 和 pm2

wget命令下载Node.js安装包。该安装包是编译好的文件,解压之后,在bin文件夹中就已存在node和npm,无需重复编译。

wget https://nodejs.org/dist/v8.9.3/node-v8.9.3-linux-x64.tar.xz

解压文件。

tar xvf node-v8.9.3-linux-x64.tar.xz

创建软链接,使node和npm命令全局有效。通过创建软链接的方法,使得在任意目录下都可以直接使用node和npm命令:

ln -s /root/node-v8.9.3-linux-x64/bin/node /usr/local/bin/node
ln -s /root/node-v8.9.3-linux-x64/bin/npm /usr/local/bin/npm

查看node、npm版本。

node -v
npm -v

至此,Node.js环境已安装完毕。软件默认安装在/root/node-v8.9.3-linux-x64/目录下。如果需要将该软件安装到其他目录(如:/opt/node/)下,请进行如下操作:

mkdir -p /opt/node/
mv /root/node-v8.9.3-linux-x64/* /opt/node/
rm -f /usr/local/bin/node
rm -f /usr/local/bin/npm
ln -s /opt/node/bin/node /usr/local/bin/node
ln -s /opt/node/bin/npm /usr/local/bin/npm

安装pm2

npm install pm2@latest -g

创建软链接,使pm2命令全局有效

ln -s /root/node-v8.9.3-linux-x64/bin/pm2 /usr/local/bin/pm2

三、将项目用git部署到服务器上

首先进入到服务器根目录,显示根目录文件夹内容,然后进入var目录下边,在var目录下边新建一个www的文件夹,显示var文件夹下边内容,再进入www文件夹下边,依次命令为

cd /
ls
cd var
ls
mkdir www
cd www

上个图片

详解从买域名到使用pm2部署node.js项目全过程

然后将你的仓库里面的项目git clone 下来

首先要安装git,使用下边命令

yum install git
y

进入到你的项目中

详解从买域名到使用pm2部署node.js项目全过程

上图中可以看到有一个不是express项目的文件,它是pm2的配置文件pm2的配置方法为http://pm2.keymetrics.io/docs/usage/cluster-mode/

下边是我项目里面的配置(新手,有问题大神可以指点下)

{
 "apps": [
  {
   "name": "app1",
   "script": "bin/www",
   "log_date_format": "YYYY-MM-DD HH:mm:SS",
   "log_file": "logs/app1.log",
   "error_file": "logs/app1-err.log",
   "out_file": "logs/app1-out.log",
   "pid_file": "pids/app1.pid",
   "instances": 1,
   "min_uptime": "200s",
   "max_restarts": 10,
   "max_memory_restart": "1M",
   "cron_restart": "1 0 * * *",
   "watch": false,
   "merge_logs": true,
   "exec_interpreter": "node",
   "exec_mode": "cluster_mode",
   "autorestart": true,
   "vizion": false
  }
 ]
}

四、启动项目

pm2 start processes.json

关闭项目

先查找ID
pm2 status
然后,停止相应项目的id
pm2 stop id

再启动相应项目

先查找ID
pm2 status
然后,开启相应项目的id
pm2 start id

设置pm2开机自动启动

pm2 startup
pm2 save

之所以使用pm2启动项目,是因为这样退出服务器链接,node项目依旧可以运行。

这样项目已经部署完成,但是项目中的端口只能是80端口。后台大神告诉可以用nginx做代理服务器。并告诉了安装方法。

五、安装nginx 并配置nginx

安装nginx

yum install nginx

配置nginx

进入配置的文件夹目录,编辑nginx.conf 文件,也可以在conf.d文件夹下新建后缀名为.conf的文件

cd /
cd etc/nginx
vim nginx.conf

来张图

详解从买域名到使用pm2部署node.js项目全过程

这里用到了vim编辑器的使用方法,可在网上搜使用方法

简单提几个使用方法,直接按键盘

i  编辑
Esc 退出编辑
:q  退出vim编辑器
:wq 保存并退出vim编辑器

下边是我的nginx配置(新手,有问题大神可以指点下)

详解从买域名到使用pm2部署node.js项目全过程

启动nginx

service nginx start

这样nginx就运行了。

每次修改完nginx配置都要重启下,用下边的命令

service nginx reload

设置nginx开机自动启动

ln -s /bin/systemctl /usr/local/bin/systemcel
systemcel enable nginx

至此,node项目在服务器部署结束,直接访问网址即可。再次感谢公司php大神的指导,感谢网上大家的技术分享。也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用js实现的检测浏览器和系统的函数
Apr 09 Javascript
JS实现标签页效果(配合css)
Apr 03 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
Apr 23 Javascript
js使用Array.prototype.sort()对数组对象排序的方法
Jan 28 Javascript
基于JavaScript实现类似于百度学术高级检索功能
Mar 02 Javascript
canvas绘制的直线动画
Jan 23 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
Nov 11 Javascript
express + jwt + postMan验证实现持久化登录
Jun 05 Javascript
微信小程序wx.request拦截器使用详解
Jul 09 Javascript
微信小程序如何加载数据库真实数据的实现
Mar 04 Javascript
layui select动态添加option的实例
Mar 07 #Javascript
layui表格checkbox选择全选样式及功能的实例
Mar 07 #Javascript
Bootstrap实现可折叠分组侧边导航菜单
Mar 07 #Javascript
Vue.js+Layer表格数据绑定与实现更新的实例
Mar 07 #Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 #Javascript
vue2.0 computed 计算list循环后累加值的实例
Mar 07 #Javascript
Vue中v-for的数据分组实例
Mar 07 #Javascript
You might like
使用Sphinx对索引进行搜索
2013/06/25 PHP
PHP foreach遍历多维数组实现方式
2016/11/16 PHP
redis+php实现微博(三)微博列表功能详解
2019/09/23 PHP
改版了网上的一个js操作userdata
2007/04/27 Javascript
分享别人写的一个小型js框架
2007/08/13 Javascript
JavaScript 继承的实现
2009/07/09 Javascript
Javascript var变量隐式声明方法
2009/10/19 Javascript
基于jquery跨浏览器显示的file上传控件
2011/10/24 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
js实现的点击数量加一可操作数据库
2014/05/09 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
AngularJS控制器controller给模型数据赋初始值的方法
2017/01/04 Javascript
JS获取浮动(float)元素的style.left值为空的快速解决办法
2017/02/19 Javascript
基于Vue的文字跑马灯组件(npm 组件包)
2017/05/24 Javascript
如何为你的JavaScript代码日志着色详解
2019/04/08 Javascript
VUE注册全局组件和局部组件过程解析
2019/10/10 Javascript
Vue表单控件数据绑定方法详解
2020/02/05 Javascript
整理 node-sass 安装失败的原因及解决办法(小结)
2020/02/19 Javascript
Python学习笔记(一)(基础入门之环境搭建)
2014/06/05 Python
Python的Flask框架应用程序实现使用QQ账号登录的方法
2016/06/07 Python
Tensorflow 同时载入多个模型的实例讲解
2018/07/27 Python
Python中turtle库的使用实例
2019/09/09 Python
Python的缺点和劣势分析
2019/11/19 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
Pytorch 使用不同版本的cuda的方法步骤
2020/04/02 Python
如何在Windows中安装多个python解释器
2020/06/16 Python
python爬取天气数据的实例详解
2020/11/20 Python
HUGO BOSS美国官方网上商店:世界知名奢侈品牌
2017/08/04 全球购物
潘多拉珠宝英国官方网上商店:PANDORA英国
2018/06/12 全球购物
大学第二课堂活动总结
2014/07/08 职场文书
学位证书委托书
2014/09/30 职场文书
通知格式
2015/04/27 职场文书
施工安全责任协议书
2016/03/23 职场文书
Go语言使用select{}阻塞main函数介绍
2021/04/25 Golang
js作用域及作用域链工作引擎
2022/07/07 Javascript