springboot+vue+uniapp前后端分离项目部署腾讯云

部署腾讯云之前，自己通过查看其他博客部署完成了阿里云服务器，（[详细教程]SpringBoot+Vue前后端分离项目部署到阿里云服务器_摸魚的猫的博客-CSDN博客）

其中uniapp区分平台，很多语法Windows和Linux不兼容。留下一个记录以便之后查看，避免遗忘。第一次写博客。

腾讯云服务器

可以购买，也可以新人试用（阿里云有三个月试用，不过配置有点低，够用）

镜像选择linux发行版本Centos 7.5（之前阿里云是7.9），不知道为啥最高为7.5，不过影响应该不大。

1.本地下载Xshell 7和Xftp 7 

 下载地址，个人免费使用（我是分别下载，各自安装在不同的文件夹下，安装在同一个文件夹下有时候，另一个会无法使用。也可以先下载xshell 7，然后在xshell7里面下载xftp 7）家庭/学校免费 - NetSarang Websitehttps://www.xshell.com/zh/free-for-home-school/

2.新建连接 

输入用户名和密码   一般为root，密码为服务器密码

连接成功，变绿即可（我其实喜欢用服务器厂商自带的连接，可以ctrl+ch和ctrl+v 哈哈哈，没有cv不太习惯）。

3.配置安全组-添加出入站规则

开端口教程： 腾讯云（借鉴的其他博主的）

轻量服务器，直接在后台配置防火墙那添加规则即可。

安装JAVA环境 jdk1.8 

1.下载jdk
首先下载jdk1.8的压缩包（Linux版本），并通过Xftp上传到服务器。版本与本地保持一致。

下载地址：Java Downloads | Oraclehttps://www.oracle.com/java/technologies/downloads2.通过xftp 7上传到服务器

我是建了一个专门的文件夹存放，到根目录下 

cd /

mkdir java  

创建java文件夹（这个随意，我看其他博主放在/usr/local/java）

上传压缩包

解压压缩包

tar -zxvf jdk-8u341-linux-x64.tar.gz

配置环境变量

# 打开profile文件进行编辑
sudo vi /etc/profile
# profile文件中，按i键进行编辑插入
# 在最上面写入如下环境变量的配置
 export JAVA_HOME=/java/jdk1.8.0_341
export CLASSPATH=$JAVA_HOME/lib/
export PATH=$PATH:$JAVA_HOME/bin
export PATH JAVA_HOME CLASSPATH
# 编辑完按Esc键退出编辑，最后输入:wq保存退出（注意:要写）

 

或者 xftp 7里面找到profile文件，然后用记事本打开编辑，保存

 使profile文件生效

# 使profile文件立即生效
source /etc/profile
# 查看是否配置环境变量成功
java -version

 成功！

安装MYSQL

下载mysql  MySQL :: Download MySQL Community Server (Archived Versions)

 正常是 MySQL和centos相对应的版本

 

上传服务器，xftp7上传

解压并安装

# 进入mysql文件夹
cd java/mysql
# 解压
tar -xvf mysql-8.0.33-1.el7.x86_64.rpm-bundle .tar
# 依次执行以下命令安装rpp包
rpm -ivh mysql-community-common-8.0.33-1.el7.x86_64.rpm
rpm -ivh mysql-community-client-plugins-8.0.33-1.el7.x86_64.rpm
rpm -ivh mysql-community-libs-8.0.33-1.el7.x86_64.rpm
rpm -ivh mysql-community-devel-8.0.33-1.el7.x86_64.rpm
rpm -ivh mysql-community-client-8.0.33-1.el7.x86_64.rpm
rpm -ivh mysql-community-icu-data-files-8.0.33-1.el7.x86_64.rpm
rpm -ivh mysql-community-server-8.0.33-1.el7.x86_64.rpm

 安装过程中可能会遇见这些问题，按照其他博主：加上--force --nodeps   安装时忽略依赖关系

启动MySQL

# 启动mysql
systemctl start mysqld
# 重启mysql
systemctl restart mysqld
# 关闭mysql
systemctl stop mysqld
# 查看mysql状态
systemctl status mysqld

使用密码登录

# 查看初始随机密码
grep 'temporary password' /var/log/mysqld.log
# 登录mysql数据库
mysql -u root -p

开启远程登录

本地使用可视化工具连接数据库

 # 打开权限
UPDATE mysql.user SET host = '%' WHERE user='root';
# 进行刷新
FLUSH PRIVILEGES;

 使用nginx反向代理

下载地址：nginx: download

 上传

解压并安装nginx

# 进入目录
cd /java/nginx
# 解压缩包到当前目录
tar -xvf nginx-1.24.0.tar.gz
# 进入目录
cd nginx-1.24.0
# 编译 执行命令 
./configure
# 执行编译
make
# 执行安装命令
make install 

启动nginx

cd /usr/local/nginx/sbin
# 默认配置文件为/usr/local/nginx/conf/nginx.conf
# 启动nginx
./nginx  

配置nginx.config

使用vi命令打开nginx.conf编辑，或者直接在Xftp中找到nginx.conf用记事本打开编辑

# 打开配置文件
vi /usr/local/nginx/conf/nginx.conf 

配置自己前后端的ip和端口，还有云服务器上传的路径 

 重启nginx

cd /usr/local/nginx/sbin
# 重启命令
./nginx -s reload
# 停止指令
./nginx -s stop

可以设置开启自启动，但是云服务器一般不会关机，看个人。

[详细教程]SpringBoot+Vue前后端分离项目部署到阿里云服务器_摸魚的猫的博客-CSDN博客 

 springboot项目打包

端口都要配置到云服务器的安全组里

打包：

点击右边的Maven，点击Lifecycle下的package打包成jar包

打包完会在项目下的target目录生成jar包

 

jar包上传服务器

使用命令进行部署

# 进入jar包目录
cd /目录
# 启动jar包，xxx为你的jar包名 （相当于idea启动，看到启动的端口号和启动耗费的时间表示启动成功）
java -jar xxx.jar 

保持后台启动

按ctrl c关闭当前运行的项目，使用下面命令重新启动项目，这样项目就能在后台运行 

 # xxx为你的jar包名
nohup java -jar  xxx.jar  &

部署VUE 

首先改为服务器ip和端口

打包

我的是  npm run build（有些vue项目命令不同，可以在package.json文件中查看）

在idea下面的Terminal终端运行打包命令（得切换到项目目录）

目录下生成dist文件夹 

上传云服务器。

app打包部署

项目中本地ip改成服务器ip

manifest.json的h5配置里，根据自己的情况配置一些信息

一定要注意配置 “运行的基础路径”，如果出现空白页面或者静态文件404的情况，可能是因为这个路径没有配置好。

根据自己app的功能选择要的模块，例如拍照 

打包成网页版和app

首先网页版

点击后

网站域名 ：填云服务器ip或者域名

控制台，可以在这个目录下看到h5文件夹

 

 将h5上传到云服务器（nginx配置文件中写的路径）

就可以通过服务器ip和设置的端口访问了

部署成app

点击后

手动生成Android平台签名证书(.keystore)

需要有JRE环境，我们用JDK（Java开发必备） 进入jdk安装路径下的bin目录，执行下面命令

keytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore

testalias 是后面在hbuilder上要填的   证书别名

test.keystore  是后面在hbuilder上要填的  证书文件

自己输入的密钥库口令  是后面在hbuilder上要填的  证书私钥密码 (比如123456)

 如图

查看证书

keytool -list -v -keystore test.keystore

 

打包

在Huilder里，点击上方的发行 > 选第一个 原生APP-云打包

然后选择使用自有证书

将证书别名 私钥 证书文件 分别填入uni-app对应位置

然后点击打包

 打包完控制台会输出apk路径，将其发给手机就可以安装了。

第一次写博客，肯定有很多遗漏的部分，在部署过程中遇到了很多问题，解决这些问题也是一种成长。嫌麻烦的也可以使用宝塔进行服务器的管理。