详解从买域名到使用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 相关文章推荐
javascript下阻止表单重复提交、防刷新、防后退
Aug 17 Javascript
jQuery TextBox自动完成条
Jul 22 Javascript
jQuery 遍历json数组的实现代码
Sep 22 Javascript
浅析document.createDocumentFragment()与js效率
Jul 08 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
jquery常用函数与方法汇总
Sep 01 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
Nov 25 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
微信小程序 页面跳转和数据传递实例详解
Jan 19 Javascript
深入理解Javascript中的观察者模式
Feb 20 Javascript
浅谈react-router HashRouter和BrowserRouter的使用
Dec 29 Javascript
解决在vue项目中webpack打包后字体不生效的问题
Sep 01 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
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
PHP动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
php使用include 和require引入文件的区别
2017/02/16 PHP
Laravel框架自定义公共函数的引入操作示例
2019/04/16 PHP
用JavaScrpt实现文件夹简单轻松加密的实现方法图文
2008/09/08 Javascript
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
基于jquery的滚动鼠标放大缩小图片效果
2011/10/27 Javascript
基于jquery的9行js轻松实现tab控件示例
2013/10/12 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
JavaScript中的类(Class)详细介绍
2014/12/30 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
深入理解vue-loader如何使用
2017/06/06 Javascript
完美解决axios在ie下的兼容性问题
2018/03/05 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
vue使用高德地图点击下钻上浮效果的实现思路
2019/10/12 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
nodejs+express最简易的连接数据库的方法
2020/12/23 NodeJs
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
python使用logging模块发送邮件代码示例
2018/01/18 Python
PyQt编程之如何在屏幕中央显示窗体的实例
2019/06/18 Python
python基础 range的用法解析
2019/08/23 Python
Python unittest单元测试框架及断言方法
2020/04/15 Python
Django框架配置mysql数据库实现过程
2020/04/22 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
机电一体化大学生求职信
2013/11/08 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
2014企业年终工作总结
2014/12/23 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
人生遥控器观后感
2015/06/11 职场文书
2016年教师学习廉政准则心得体会
2016/01/20 职场文书
Ruby处理CSV数据方法详解
2022/04/18 Ruby