论坛
潜水/灌水快乐,沉淀知识,认识更多同行。
ToB圈子
加入IT圈,遇到更多同好之人。
朋友圈
看朋友圈动态,了解ToB世界。
ToB门户
了解全球最新的ToB事件
博客
Blog
排行榜
Ranklist
文库
业界最专业的IT文库,上传资料也可以赚钱
下载
分享
Share
导读
Guide
相册
Album
记录
Doing
搜索
本版
文章
帖子
ToB圈子
用户
免费入驻
产品入驻
解决方案入驻
公司入驻
案例入驻
登录
·
注册
只需一步,快速开始
账号登录
立即注册
找回密码
用户名
Email
自动登录
找回密码
密码
登录
立即注册
首页
找靠谱产品
找解决方案
找靠谱公司
找案例
找对的人
专家智库
悬赏任务
圈子
SAAS
ToB企服应用市场:ToB评测及商务社交产业平台
»
论坛
›
主机系统
›
linux
›
新购服务器项目部署指南—— Express + Vue + Nginx+ pm ...
新购服务器项目部署指南—— Express + Vue + Nginx+ pm2 Nodejs项目部署全 ...
愛在花開的季節
金牌会员
|
2024-6-12 22:49:13
|
来自手机
|
显示全部楼层
|
阅读模式
楼主
主题
555
|
帖子
555
|
积分
1665
书接上回:新购服务器开荒记录(服务器安装宝塔、Nginx、Java、Python、pip、Node、npm)
一、部署Express项目
1.1、安装Node
要部署Express项目,首先要包管服务器已经安装好了Node,可以输入:node --version查看node的版本:
假如没有安装node,可以利用宝塔安装(推荐),进入软件市肆,搜索node,选择node.js版本管理器1.8进行安装:
安装好后点击设置,点击更新版本列表(列表每24小时与Node.js官网列表同步一次,可点击【更新版本列表】按钮立刻与Node.js官网同步版本列表):
然后选择需要的node版本进行一键安装,一样平常推荐14或者18版本。
也可以自行下载镜像安装,进入node官网:https://nodejs.org/dist/
选择需要下载的版本号,下载node,一样平常可以选择v16.18.0,解压后利用以下命令来编译、测试和安装Node.js:
./configure
make
sudo make install
复制代码
1.2、安装pm2进程管理器
PM2 是开源的基于 Nodejs 的进程管理器,包括保卫进程,监控,日志的一整套完整的功能。
PM2 是后台运行程序,关闭窗口后程序不受影响。
安装
npm install pm2 -g
复制代码
也可以通过宝塔安装。
安装完成后检查是否可用,显示如下提示阐明成功
pm -v
复制代码
1.3、部署Express后端项目
上传Express项目至opt文件夹,
上传成功后,cd进入项目中,输入npm i安装项目依赖。
然后将项目所用的端口号开启一下(我项目用的3001),而且重启防火墙:
开启端口号:firewall-cmd --zone=public --add-port=3001/tcp --permanent
重启防火墙:firewall-cmd --reload
运行效果如下:
最后,利用pm2运行项目的入口文件:pm2 start app.js,显示如下表示项目运行成功,假如需要看目前运行了哪些项目,可以利用pm2 app.js查看:
使
二、部署Vue前端项目
2.1、Nginx的下载安装与SLL设置
首先查找Nginx安装的路径,查看是否安装过nginx:
输入:whereis nginx
假如显示地址,阐明已经安装过nginx了。可以跳到2.2步。
假如没有安装,首先需要安装一些须要环境,在终端中依次输入以下指令,安装须要的包
yum install gcc-c++
yum install -y pcre pcre-devel
yum install -y zlib zlib-devel
yum install -y openssl openssl-devel
复制代码
下载linux版本的Nginx
官网下载:https://nginx.org/en/download.html
下载稳固版本,我下的是1.22.1
安装包名为nginx-1.22.0.tar.gz,将其放到服务器的/usr/local/nginx目次下,初始没有nginx文件夹需要新建一个空的nginx。
安装Nginx
首先需要解压Nginx的安装包,先cd /usr/local/nginx到nginx目次,然后利用tar -zxvf nginx-1.22.1.tar.gz解压刚刚下载的安装包。
然后进入nginx-1.22.1文件夹的configure目次下,输入:
./configure
make
make install
复制代码
进行安装,安装后的完整文件夹如下图所示:
下一步设置ssl,假如本身没有ssl模块,在安装时要安装ssl模块的nginx:./configure --prefix=/usr/local/nginx --with-http_ssl_module
make进行安装:make
输入以下cp指令:
cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak
cp ./objs/nginx /usr/local/nginx/sbin/
复制代码
会出现是否覆盖的选项,输入y覆盖掉
最后输入whereis nginx,假如显示地址,阐明已经安装过nginx了。
大概遇见的题目
假如提示说无法创建平凡文件"/usr/local/nginx/sbin/nginx",需要先暂停nginx再启动:/usr/local/nginx/sbin/nginx -s quit(或者niginx -s stop 或者killall nginx)然后再输入
./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module
2.2、打包Vue项目
开发完成后,在终端输入npm run build或者vite build进行打包,不同项目的打包指令和流程大概不相同,需要查看package.json的详细设置。
打包完成后,会生成一个dist文件夹,就是成功打包。
2.3、上传项目到Nginx目次
查找Nginx安装的路径,输入:whereis nginx,找到nginx的目次,将打包好的文件夹(即dist文件夹)上传至/usr/local/nginx/html目次下:
2.4、设置Nginx
进入nginx/conf目次,在其中找到名为nginx.conf的文件,打开,找到server部分:
端口号 listen (输入要监听的端口号,我的是5173);
域名设置 server_name (输入自己服务器的ip 比方:127.0.0.1 假如有域名可以输入域名);
前端项目存放地址 root
打包后的vue项目文件夹比方:html/dist);
设置好后,启动Nginx,在nginx下的sbin目次下输入./nginx,既可以检查设置正常启动。
附录
pm2命令速览
npm install pm2 -g
# 全局安装pm2pm2 start app.js -i 4 # 后台运行pm2,启动4个app.js # 也可以把'max' 参数通报给 start # 精确的进程数目依赖于Cpu的焦点数目pm2 start app.js --name my-api # 定名进程pm2 list # 显示全部进程状态pm2 monit # 监视全部进程pm2 logs # 显示全部进程日志pm2 stop all # 停止全部进程pm2 restart all # 重启全部进程pm2 reload all # 0 秒停机重载进程 (用于 NETWORKED 进程)pm2 stop 0 # 停止指定的进程pm2 restart 0 # 重启指定的进程pm2 startup # 产生 init 脚本 保持进程活着pm2 web # 运行健壮的 computer API endpoint (http://localhost:9615)pm2 delete 0 # 杀死指定的进程pm2 delete all # 杀死全部进程
复制代码
Nginx命令速览
./nginx -s reload 重启nginx
./nginx 启动nginx
复制代码
最后
本帖子中包含更多资源
您需要
登录
才可以下载或查看,没有账号?
立即注册
x
回复
使用道具
举报
0 个回复
正序浏览
返回列表
快速回复
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
or
立即注册
本版积分规则
发表回复
回帖并转播
发新帖
回复
愛在花開的季節
金牌会员
这个人很懒什么都没写!
楼主热帖
dotnet C# 使用 Vortice 支持 Direct2D ...
SpringBoot
MySQL操作
Redis 原理 - Hash
keepalived安装配置
golang基础知识
一种通过延迟事务提升数据库性能的方法 ...
Java流程控制(分支结构、循环结构) ...
Flink 作业提交流程
cost量化分析
标签云
挺好的
服务器
快速回复
返回顶部
返回列表