微信小程序上线记录

本文章记录一下我在上线微信小程序过程中遇到的一些麻烦以及解决方案。

项目架构:Springboot+微信小程序。

一、微信小程序的上线流程

  1. 部署后端代码
  2. 配置服务器域名;
  3. 从微信开发者工具中上传代码;
  4. 提交审核成为正式版本;
  5. 小程序备案;
  6. 提交审核上线。

二、问题及解决方案

2.1 部署后端代码

由于微信小程序合法域名配置要求请求协议必须是https,所以后端要加配置https。

配置方式:

2.1.1 申请证书:在你的云服务器厂商申请一个免费的ssl证书。以腾讯云为例,搜索SSL证书:

点击下载,可以看到配置springboot的https有两种ssl证书,这里我们选择JKS格式的证书:

2.1.2 添加证书并配置

下载下来后可以看到有两个文件,文件名可以自定义,改成你的项目名称也可以。以我的文件名称为例,将codemall.jks添加到resource\ssl目录下:

下面进行配置:

application.properties

properties 复制代码
server.ssl.enabled=true
server.ssl.protocol=TLS
server.ssl.key-store=classpath:ssl/codemall.jks
server.ssl.key-store-password=3c9xxxxxx8c6k4
server.ssl.key-store-type=JKS

server.ssl.key-store-password这个是上面下载下来的keystorePass.txt文件中的密码

SpringBoot2.x配置HTTPS,并实现HTTP访问自动转向HTTPS

xxxxConfigure.java

java 复制代码
 @Bean
    public ServletWebServerFactory servletContainer() {
        TomcatServletWebServerFactory tomcat = new TomcatServletWebServerFactory();
        tomcat.addAdditionalTomcatConnectors(createStandardConnector());
        return tomcat;
    }

    private Connector createStandardConnector() {
        Connector connector = new Connector("org.apache.coyote.http11.Http11NioProtocol");
        connector.setPort(8080);
        return connector;
    }

2.1.3 启动,我们可以看到有一个https访问的端口

至此,后端https协议就配置成功了

2.2 配置服务器域名

百度说服务器域名只能用443端口,正常来说443端口肯定是已经被占用了,搞起来肯定是比较麻烦的。

其实服务器域名可以使用其他端口,看下图官方所述:

在小程序后台开发管理中配置服务器域名,合法域名可以配置多个,但必须都是https协议

配置完成后最重要的一点来了,一定要在微信开发者工具中取消勾选"不校验合法域名",并刷新域名信息:

三、总结

微信小程序对安全性要求很严格,需要我们配置网络请求协议为https,对于平时只使用http协议的朋友来说会遇到一些问题。以上就是我在上线微信小程序的过程中遇到的问题及解决方案,希望对你有所帮助。

相关推荐
vx-Biye_Design1 小时前
SSM伴侣动物伴护星小程序06330-计算机课程设计、毕业设计
spring boot·后端·elasticsearch·小程序·架构·课程设计·idea
mldong2 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排3 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
面向Google编程3 小时前
Apache Iceberg Variant 类型:v3 半结构化数据不再「二选一」
大数据·后端
passerby60613 小时前
如何自己造一个时间处理库
前端·javascript·github
jason成都3 小时前
Spring WebFlux 适配达梦新方案|dm‑r2dbc:Netty 异步传输的实验性 R2DBC 驱动
java·后端·spring
走到天涯海角4 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!4 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰5 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi6 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js