布置环境-浮屠面板

装置浮屠面板

新版7.9+版别的浮屠需求登录并绑定手机号码，个人运用7.7版别的进行装置。

已经运用最新版别并登录的可已越过装置过程，不想登录绑定的能够卸载后装置低版别的浮屠面板，下载链接帖来自知乎 zhuanlan.zhihu.com/p/555222006

# 官方卸载脚本
wget -O uninstall.sh http://download.bt.cn/install/bt-uninstall.sh && bash uninstall.sh
# 7.7原版的装置脚本
wget -O install.sh http://f.cccyun.cc/bt/install_6.0.sh && bash install.sh

部署环境-宝塔面板 -Mask管理系统

经过装置脚本履行结束如上图会得到面板浏览器拜访地址和账号密码，能够登录进入装备修正，主张先截图保存或复制文本保存到文件中避免遗忘。翻开拜访地址输入账号密码后进行登录，挑选软件商铺下载装置nginx、mysql、redis、PM2管理器四个必装运用。

部署环境-宝塔面板 -Mask管理系统

准备工作

将必装运用装置好后进行mysql设置端口，redis设置端口和密码，保证正常运转哦。

左边菜单栏挑选数据库，跳转页面后进行创立数据库/用户名/密码。完结创立后导入初始化数据库数据，项目内找到 script\db_init.sql 脚本文件进行上传导入数据。

部署环境-宝塔面板 -Mask管理系统

代码上传

运用浮屠提供的文件菜单页面进行代码的上传更新工作

  • /www/wwwroot/mask_api 作为后端接口目录

在开发环境下对 src\config\config.prod.ts 文件修正对应的服务器mysql和redis的装备。将以下文件内容进行上传到服务器

mask_api
├── src                         目录-源代码
└── run.sh                      文件-PM2履行文件
├── bootstrap.js                文件-程序布置PM2发动运转入口
├── package.json                文件-程序依靠及发动指令信息
└── tsconfig.json               文件-typescript装备
  • /www/wwwroot/dist 作为前端页面目录

在开发环境下经过 npm run build:prod 指令打包生成dist文件夹，将dist文件夹上传并作为前端页面目录

dist
├── assets                    目录-资源文件
├── favicon.ico               文件-网站图标
├── index.html                文件-主页
└── index.html.gz             文件-主页gzip压缩

后端服务

挑选软件商铺已装置运用，点击PM2管理器增加项目。

PM2履行文件 run.sh 作为依靠装置编译并运转的脚本，只能发动1个，填多个也不能集群方法发动，并且设置内存大小是无效。

run.sh文件需求尾行序列LF否则履行会犯错哦

# run.sh
# 装置项目所需依靠
npm install --registry https://registry.npmmirror.com
# 构建生产项目代码
npm run build
# 移除开发依靠
npm prune --production
# 发动项目
npm run start

部署环境-宝塔面板 -Mask管理系统

主张不运用run.sh履行文件作为发动文件，能够在终端中先装置依靠，再运用编译构建指令得到 dist 文件夹后，发动文件填入 npm。随后能够正常设置内存大小和集群方法发动。

如果提示当时权限缺乏，能够运用root方法或许给用户授权有可读可写操作权限

部署环境-宝塔面板 -Mask管理系统

前端页面

左边菜单栏挑选网站，进行创立站点，没有域名就填IP，创立好后没啥好设置的。

设置中挑选装备文件会有提示：找不到文件

部署环境-宝塔面板 -Mask管理系统

随后只能经过找到站点装备文件进行修正装备，在文件菜单页面进行查找 /www/server/panel/vhost/nginx 在文件夹下挑选站点的conf文件，双击翻开文件进行编辑增加以下内容后进行保存。

conf文件不要用Tab退格，要用空格哦，否则会显示500哦

location / {
    root   /www/wwwroot/dist;
    try_files $uri $uri/ /index.html;
    index  index.html index.htm;
}
location /prod-api/ {
    proxy_pass http://127.0.0.1:6275/;
    proxy_http_version  1.1;
    proxy_cache_bypass  $http_upgrade;
    proxy_set_header Upgrade            $http_upgrade;
    proxy_set_header Connection         "upgrade";
    proxy_set_header Host               $host;
    proxy_set_header X-Real-IP          $remote_addr;
    proxy_set_header X-Forwarded-For    $proxy_add_x_forwarded_for;
    proxy_set_header X-Forwarded-Proto  $scheme;
    proxy_set_header X-Forwarded-Host   $host;
    proxy_set_header X-Forwarded-Port   $server_port;
}

部署环境-宝塔面板 -Mask管理系统

挑选软件商铺已装置运用，点击 Nginx 进行重载装备或许重启。需求检查下接口服务是否与网站站点装备代理的地址共同，网站拜访是否正常。

如遇到无法解决的问题，能够在下方进行留言，会在第一时间进行回答。