记录部署项目《庆自提》完整流程

项目选型:后端+网页+小程序

前言:在部署这个项目我采用的是宝塔去直接部署,没有使用docker去部署

部署后端部分可参考:记录部署项目到云服务器_项目部署到云服务器-CSDN博客

一、部署后端

(1)修改yml配置文件

6d5e56a716b24b65902fbd6f2c1aa2a9.png

704751a8462f4706a55aff0c5820108e.png

5cb57eeab93642bfbed627a5384aa3b0.png

quick:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    host: xxx #服务器ip地址
    port: 3306
    database: xxx #数据库名
    username: xxx #部署数据库的用户名
    password: xxx #部署数据库的密码

  redis:
    host: xxx #服务器ip地址
    port: 6379
    password: xxx #部署redis的密码
    database: 5

  wechat:
  #小程序:
      appid: xxx #微信小程序appid
      secret: xxx #微信小程序secret

修改成实际部署的项目信息。

 

(2)打包后端jar包

e6bc71a619f248d380bae732bf9ab52f.png

在左侧项目目录中找到打包后出现的target

38626a13688540118af15b3fd1b97615.png

右键打开对应jar包目录拿到可部署的jar包

ff5ac8fd425242c5939c9818334b4eb2.png

 

(3)购买腾讯云服务器

这里我使用的腾讯云服务器,买的轻量应用服务器。

fadb6955a0d04b2b9fd63de5336f1cfa.png

在该服务器上部署宝塔。具体过程可参考上面博客,其实在购买服务器后,在腾讯云官网控制台服务器的应用管理,在应用内软件信息下有宝塔的初始化登录指令,指令如下,点击登录,将指令复制过去执行即可得到宝塔登录网站和账号密码。

d50ff15f8c3f4a229a1cd2255589b00b.png

sudo /etc/init.d/bt default

还需要进行放行项目所需端口 ,点到防火墙

6ba600361f7047a4ba835bb9e04dda6e.png

 这里我除了系统自带已经开的端口还开启:

1901476bb8884447a78bc824bae9a3ef.png

 

 

(4)部署宝塔

1 - 初始化

要求输入宝塔初始化指令,获得账号密码登录宝塔,登录进来后就会出现下面这个安装流程,我选择的是推荐下载。

684bb7490d16461dbbd330d132d0f5d8.png

2 - 配置MySQL

 下载完成后,配置数据库

1bc3cea399914cba8b3f08e99c312103.png

回到idea,连接好数据库,然后将项目中的数据库的sql在idea全部执行,实现建表和插入数据,数据库配置完成。

581758e5152046c48eb84a2320cee5bd.png

 3 - 配置Redis

在软件商店下载redis

53d9989c528d420e91d9f955d476cc6c.png

点击设置

a8a38bc422a148099086373f3335ea51.png

设置好后需要进行重载才能生效。

 

4 - 安装Java环境

41c747fa6f74445ebbd22d5bf5f1eedc.png

点击添加JDK信息,添加JDK,我下载的是jdk17,和项目一致。

efab3b159c8243fbb6335d078e8fc637.png

(5)项目jar包部署

点击文件,将之前打包好的jar包拖入指定目录下,如下图:

668341fbc655471f8bdc39df43056571.png

fdb5b2c769ab4d6c84de3ea9b4b40a93.png

点击确定即部署成功。

 

(6)注意

在实际上上线部署小程序是需要校验合法域名的,这个域名需要进行申请,这里如何申请在后面有讲述,开启校验合法域名后,实际上小程序访问的是https协议,springboot项目默认协议只是http协议,所以需要对springboot进行配置信息修改,然后再执行上面部署过程。

这里域名需要ssl认证,配置springboot的yml需要去服务器的ssl下载ssl证书。

(如何认证ssl可以看后面申请域名那边,有详细解答)

bce6d19eb1a14a7c96e34de96f2862bb.png

 因为springboot本质用的也是tomcat,所以这里我们下载tomcat的JKS格式。

打开项目,将下载后的jks文件放在下面该目录。

5252babb2d4941178e0da6e322099db9.png

对yml进行配置

quick-ssl:
  http-port: 8086 #配置http协议端口

server:
  port: 8080 #https端口
  ssl:
    enabled: true
    #key-alias: alias-key # 别名(可以不进行配置)
    # 保存SSL证书的秘钥库的路径
    key-store: classpath:ssl/xxx.jks
    key-store-password: xxx #证书密码
    key-store-type: JKS

这里开启两种端口都能访问springboot项目,证书密码在下载证书后的txt文件里面。

添加配置文件 HttpsConfig

1d9bcf81f1e04c41b613a8d5093f6433.png

代码如下:

package com.quick.config;

import org.apache.catalina.connector.Connector;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.boot.web.embedded.tomcat.TomcatServletWebServerFactory;
import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;

/**
 * https配置,将http请求全部转发到https
 * @author Jacob
 */
@Configuration
public class HttpsConfig {

    @Value("${quick-ssl.http-port: 8080}")
    private Integer httpPort;

    @Bean
    public TomcatServletWebServerFactory servletContainer() {
        TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory();
        tomcat.addAdditionalTomcatConnectors(httpConnector());
        return tomcat;
    }

    @Bean
    public Connector httpConnector() {
        Connector connector = new Connector("org.apache.coyote.http11.Http11NioProtocol");
        connector.setPort(httpPort);
        return connector;
    }

}

配置成功后重新执行上面部署过程。

二、部署前端

1、网页端

参考:前端部署项目到服务器(宝塔面板·腾讯云专享版),vue项目为例-CSDN博客

2、小程序

(1)进入微信小程序公众号平台

链接:微信公众平台

(2)注册小程序

注册小程序后即可获得小程序的AppID(小程序ID)和AppSecret(小程序密钥),这两个在前后端项目中都需要的,需要保存好。

(3)小程序校验合法域名

090d948c80fd49a8a61030aaa1e7ead7.png

 e25ad10fb41b407793ac79e9bb96972f.png

(4)完善小程序信息加小程序备案

在设置中完善各种信息,需要微信认证,备案等等,可按照要求完成,也是需要和客服进行打电话检验等等。

(5)在微信开发者工具中提交上线版本

21bc911929b446c1afd6d014cc047e69.png

eaa9703b19fa4bc0afee155b9cbb8d70.png

提交上线版本后,就会在微信小程序公众号平台的版本管理界面出现开发版本。

(6)提交审核上线

在开发版本提交审核成审核版本的时候可能会出现一个问题,就是一闪而过,结果了解是火狐浏览器的问题,可以修改火狐浏览器配置,这里我选择去Edge浏览器去提交审核,审核通过就可以上线项目。

如何知道有没有成功提交审核,可以去参考审核版本信息栏有没有信息。

f8e6ff6142e0489b9094c754c47ce01e.png

 

三、申请域名

这里域名需要用在小程序上,因微信小程序需要校验合法域名,还需要协议为https的域名,所以还需要申请SSL证书。

(1)注册域名

可以注册一个喜欢的域名不过要用在项目上需要域名备案。

3545a802216b493284e3a928c502c4a6.png

(2)备案

有以下过程,填写完详细信息,在详细信息最后还需要打印互联网协议xxx,需要盖手印签字。在腾讯云审核的时候,会对你备案项目的信息打电话进行深度的挖掘,看看哪里不合适需要修改,在管局审核会发短信验证,在短信验证后需要等待,第一次备案等待时间特别久,半个月以上,审核通过后就备案完成,申请的域名就可以使用了。

50c02c03115e4616b831ad122c1138ca.png

(3)申请SSL证书

 我申请的是免费证书,只有90天,如下:

422f39e52ae04a32b9acceb480362add.png

申请完证书后就可以下载证书。

 

  • 15
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乄bluefox

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值