vue+node+mongodb+nginx部署阿里云服务器

前言

最近搞了个免费的阿里云服务器,于是想着借此机会走一遍线上部署流程,借此文章记录一下流程。
部署:
vue + node + mongodb +nginx

部署mongodb

我是先部署的mongodb服务器,流程主要如下:

  1. 使用puTTY软件远程到服务器后,进入/usr/local目录
  2. 下载mongodb
curl -O https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-4.2.6.tgz
image.png
  1. 解压mongodb
tar zxv mongodb-linux-x86_64-rhel62-4.2.6.tgz
  1. 创建数据文件夹和日志文件等
mkdir -p  /usr/local/mongodb/data
touch /usr/local/mongodb/mongod.log
touch /usr/local/mongodb/mongodb.conf
  1. 配置mongodb.conf
vim /usr/local/mongodb/mongodb.conf

配置文件如下:

dbpath=/usr/local/mongodb/data
logpath=/usr/local/mongodb/mongod.log
logappend = true
port = 27017
fork = true
auth = false
bind_ip = 0.0.0.0  //很重要,为了可以远程访问
  1. 配置环境变量
vim ~/.bashrc

文件末尾添加如下命令

export PATH=$PATH:/usr/local/mongodb/bin

退出后记得使用source命令使设置生效

source ~/.bashrc

如此设置可以直接在命令行中使用mongo命令

  1. 开启数据库
mongod --config /usr/local/mongodb/mongodb.conf
  1. 授权远程连接
    /sbin/iptables -I INPUT -p tcp --dport 27017 -j ACCEPT
  2. 开放服务器端口


    image.png
  3. 远程连接
    使用的mongodb Compass输入端口和ip就可以访问数据库了。


    image.png

部署node服务

  1. 安装node
wget https://nodejs.org/dist/v12.16.3/node-v12.16.3-linux-x64.tar.gz  // 下载
tar xf node-v12.16.3-linux-x64.tar.gz // 解压
cd node-v12.16.3-linux-x64
  1. 修改linux系统的环境变量
vim /etc/profile
export PATH=$PATH:/usr/local/node-v12.16.3-linux-x64/bin
source /etc/profile

此时使用node -v即可看到node以及npm安装成功
3.上传node项目到服务器,这里使用的是FileZilla,上传的时候记得不要上传node_modules,直接使用npm install安装,否则会很慢

  1. 安装pm2
 npm install -g pm2
 ln -s /usr/local/node-v12.16.3-linux-x64/bin/pm2 /usr/local/bin/pm2 // 创建软连接
  1. 启动项目
    直接使用pm2 start app.js --name mallServe会发现端口没有被监听,通过查看package.json发现应该使用
    pm2 start bin/www


    image.png

    此时使用netstat -ntlp可以看到3000端口已经被监听到了



    走到这里接口node服务就已经正常启动了,可以远程访问了

部署vue

vue部署没有什么可难的,记得配置publicPath就行了,然后使用npm run build把压缩包直接丢到服务器上就ok

配置nginx

  1. 下载nginx
yum install nginx
  1. 启动nginx
service nginx start
  1. 进入nginx安装目录并且修改nginx配置文件
nginx -t // 查看目录
vim nginx.conf
image.png

4.重启nginx

nginx -s reload

此时还得去阿里云配置一下安全规则,访问还是无法访问80端口:


image.png

最后大功告成,直接浏览器输入ip就可以直接访问项目了


image.png

总结

很感谢阿里这一个月免费服务器,让我从0走一遍部署流程,关于mongoodb部分还得系统学习一下,哈哈

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。