宝塔面板结合pm2进程管理工具部署前端项目

·  阅读 170
宝塔面板结合pm2进程管理工具部署前端项目

这两天空出来个服务器,实战下宝塔面板结合pm2进程管理工具部署前端项目

来介绍下宝塔面板

宝塔Linux面板是提升运维效率的服务器管理软件,支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。 有20个人的专业团队研发及维护,经过200多个版本的迭代,功能全,少出错且足够安全,已获得全球百万用户认可安装。

个人理解为:一个可视化运维的控制面板。

官网地址: bt.cn

安装

首先准备一台纯净的linux服务器,本文以CentOS7.6 64位为例。
以下主机商必看(开端口教程,不开不能用):
腾讯云:https://www.bt.cn/bbs/thread-1229-1-1.html
阿里云:https://www.bt.cn/bbs/thread-2897-1-1.html
华为云:https://www.bt.cn/bbs/thread-3923-1-1.html

1.使用ssh工具连接服务器终端,填写服务器相关信息,进入终端,执行以下脚本。

墙裂推荐开源终端 electerm

yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh
复制代码

安装成功后是这个样子:

安装成功
安装成功

Bt-Panel 面板地址
username 面板账号
password 面板密码

浏览器中打开面板地址输入账号密码即可进入面板首页。

面板设置中可以对面板相关信息进行设置,包括给面板绑定域名、修改初始用户名和密码等等。

面板设置
面板设置

软件商店中有很多开发、运维常用的工具,比如Mysql,Nginx等等,这里列举下笔者的安装列表,大家可以参考下一并安装。

软件列表
软件列表

部署nuxtjs项目

这里以部署nuxtjs项目为例,在左侧菜单栏中点击文件,将nuxt项目对应的所有文件上传至服务器(在线上传或使用ftp上传),并在终端进入项目根目录安装依赖以及打包构建。

上传目录
上传目录

安装依赖&&打包构建

npm install && npm run build
复制代码

由于我们已经在软件商店中安装了nodejs环境和pm2,直接在终端中使用pm2启动nuxt工程即可。

pm2 start npm --name "mynuxt" -- run start
复制代码

不出意外的话,浏览器地址输入 ip + 端口号 即可访问网站。

注意:

  1. nuxt的默认端口号是3000,那就一定!一定!要开放服务器的3000端口,可参考顶部的开端口教程。
  2. nuxt项目中默认host是localhost,如果启动出现问题可在nuxt.config.js中使用server将其重写为0.0.0.0或者127.0.0.1。当然,端口号也可以自定义
module.exports = {
  server: {
    port8000// default: 3000
    host"0.0.0.0" // default: localhost
  }
}
复制代码
绑定域名

点击面板菜单拦中的网站,添加站点,输入域名,写好备注,选择根目录,提交

绑定域名
绑定域名

如果该域名已经指向至该服务器的ip地址,则输入域名即可访问了。

开启SSL

点击设置,切换至ssl,四种方式傻瓜式配置ssl,笔者这里使用的是腾讯云免费的ssl证书,记得打开强制https

设置ssl
设置ssl

使用域名访问网站,发现会强制https。

艾特网就是一个典型的nuxt项目:艾特网 - 程序员导航站

其他诸如此类的express,koa,eggjs等项目的部署都大同小异。这里不再赘述。

  1. 看到这里啦,点个 支持一下吧。
  2. 关注公众号 前端糖果屋 互相学习鸭。
  3. 添加微信 itRobot ,拉你进 技术交流群 探讨人生。 扫码立即关注
分类:
前端
标签:
分类:
前端
标签: