微信小程序上线记录

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

项目架构: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协议的朋友来说会遇到一些问题。以上就是我在上线微信小程序的过程中遇到的问题及解决方案,希望对你有所帮助。

相关推荐
草捏子14 分钟前
状态机设计:比if-else优雅100倍的设计
后端
Angel_girl31922 分钟前
vue项目使用svg图标
前端·vue.js
難釋懷26 分钟前
vue 项目中常用的 2 个 Ajax 库
前端·vue.js·ajax
Qian Xiaoo28 分钟前
Ajax入门
前端·ajax·okhttp
爱生活的苏苏1 小时前
vue生成二维码图片+文字说明
前端·vue.js
拉不动的猪1 小时前
安卓和ios小程序开发中的兼容性问题举例
前端·javascript·面试
炫彩@之星1 小时前
Chrome书签的导出与导入:步骤图
前端·chrome
贩卖纯净水.1 小时前
浏览器兼容-polyfill-本地服务-优化
开发语言·前端·javascript
前端百草阁1 小时前
从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
前端·vue.js·npm
夏日米米茶1 小时前
Windows系统下npm报错node-gyp configure got “gyp ERR“解决方法
前端·windows·npm