前言

嗨，大家好，现在微信使用的用户很多，作为开发人员也可以建立一个自己的微信小程序，本期与大家分享一下作者建立微信小程序的开发流程。

申请

百度搜索微信公众号平台，然后扫码登录注册一个微信公众号，

进入申请页面之后，需要及时完善小程序相关信息。

首次进行微信小程序的开发，需要在开发者管理中，找到开发者设置中可以查看我们需要的开发者ID，开发者ID主要包含：AppID(小程序ID)和AppSecret(小程序密钥)，需要注意的是出于安全考虑，AppSecret不再被明文保存，忘记密钥请点击重置，因此我们申请了和AppSecret之后，需要记录下来，如果忘记的话，就需要重新申请可能导致线上项目失效。

在开发者ID最下面，可以设置常用的域名信息。需要注意的是所有设置的域名必须是HTTPS的域名，设置好域名之后就可以开发微信小程序啦。

开发

后端

开发微信小程的后端框架选择，本次开发一个【在线实用工具箱】，主要是供个人使用的，所以后台就选择了Spring Boot 作为基础进行开发，数据库是使用MySQL。整个项目的目录如下所示。

整个后端的项目开发与正常项目开发一致，主要是给小程序提供服务接口信息。目前已经实现的主要功能:服装尺码对照表、谚语大全、车牌查询、全国邮编查询、全国区号查询、好玩手持弹葆、BM计算器、数字转大写、笑话大全、生肖查询、血遗传查询、历史朝代表等功能,更多功能正在完善中。

需要特别注意的是，在有用户输入新碟接口中，需要对输入信息进行敏感词校验，否则在审核的过程中无法通过。小程序为我们提供了敏感信息校验的接口，这个接口是免费的，因此直接调用即可。

检查一段文本是否含有违法违规内容调用接口代码如下：

Map<String,String> map = new HashMap<>();
map.put("content",text);
String post1 = HttpUtil.post(postUrl+token,JSON.toJSONString(map));
log.info("请求参数是：{},数据校验返回信息是：{}",text,post1);
JSONObject jsonObject = JSONObject.parseObject(post1);
int code = (int) jsonObject.get("errcode");
if(code==0){return "0";
}else {return "1";
}复制代码

由于需要与微信小程序进行交互，因此在配置文件中需要把经常使用的微信服务的后台地址配置在配置文件中，当调用时直接取值即可。 application.properties配置文件如下

server.port=8080# mysql
spring.datasource.url=jdbc:mysql://127.0.0.1:3306/test?useSSL=false&useUnicode=true&characterEncoding=utf8&allowMultiQueries=true&serverTimezone=Asia/Shanghai
spring.datasource.username=test
spring.datasource.password=123456
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.type=com.alibaba.druid.pool.DruidDataSourcemybatis.mapper-locations=classpath*:mapper/**/*.xml# 开启swagger bootstrap ui
swagger.enable=true
#swagger.enable=true
wx.access_token_url=https://api.weixin.qq.com/cgi-bin/token
wx.access_token_grant_type=client_credential
wx.access_token_appid=wx123456789
wx.access_token_secret=2e741123456789
wx.access_token_post=https://api.weixin.qq.com/wxa/msg_sec_check?access_token=wx.access_token_rk_url=https://api.weixin.qq.com/cgi-bin/token
wx.access_token_grant_rk_type=client_credential
wx.access_token_rk_appid=wx0123456789
wx.access_token_rk_secret=430c123456789
wx.access_token_rk_post=https://api.weixin.qq.com/wxa/msg_sec_check?access_token=
复制代码

在与微信小程序交互的过程中，需要根据appid和secret去获取当前请求的小程序的token。在请求其他服务的过程中需要使用到token信息。例如下面进行的敏感文本信息校验功能等。


public String getToken(){String token = HttpUtil.get(url+"?grant_type=" + type + "&appid=" + appid + "&secret=" + secret);log.info("获取token返回信息是："+token);JSONObject jsonObject1 = JSONObject.parseObject(token);String accessToken = (String) jsonObject1.get("access_token");return accessToken;
}复制代码

后台使用的都是最基础的服务，主要是为小程序提供接口，启动项目之后，在Swagger中可以看到所有的接口信息。

调用一下查询车牌归属地的接口，输入北京，可以看到北京地区的车牌归属地信息已经正常返回即可为微信小程序提供查询服务。

前端

上面的接口服务已经开发完成了，下面将基于微信开发者工具进行前端的开发，前端采用ColorUI组件库进行开发，在配置文件中引入即可使用。整体的开发页面如下图所示。

需要注意的是在本地调试的过程中如果遇到无法访问服务接口的情况，需要在详情，本地配置中选择不校验合法域名这一条，否则本地的基本上请求不到服务。

将上面后台中的本地服务启动，然后将域名信息配置到app.js中。这样就可以全局使用host: "http://localhost:8080"。如下图：

点击其中的一个页面，输入查询数据，可以看到正常访问到数据了，可以正常访问喽。

结语

好了，以上就是基于Spring Boot 开发一个微信小程序的过程，有需要的伙伴可以私信我领取spring学习的相关资料，感谢您的阅读，希望您喜欢，如对您有帮助，欢迎点赞收藏。如有不足之处，欢迎评论指正。下次见。

真的简单，单手用Spring Boot 开发一个微信小程序相关推荐

一个程序如何连接到外网_如何从头开始开发一个微信小程序
网上有很多的人在问:怎么开发一个微信小程序?今天我来给大家详细讲讲如何申请开发并部署一个微信小程序,大家看完这篇文章后就能够自己运营一个属于自己的小程序了. 现在的小程序有百度小程序,头条小程序,支付 ...
开发一个微信小程序，对酒店经营管理有哪些好处？
据腾讯2022年第一季度财报数据显示,微信小程序日活跃账户已经突破5亿,流量巨大.不论企业用户还是个体商家都积极使用小程序开展商业活动,从这庞大流量里获利. 酒店行业也不例外,很多酒店都开发了微信小程 ...
开发一个微信小程序/APP一般需要多少时间，多少钱？
开发一个微信小程序/APP一般需要多少时间,多少钱? 微信小程序/APP开发的工期和费用估算需视功能需求的多少和难易程度而定,需求不明的情况下很难给出恰当评估. 在湃点网络定制平台,一对一的专业的顾问 ...
如何开发一个微信小程序
如今微信小程序的开发已经成为了一个不可忽视的趋势,不少企业都开始将自己的产品和服务通过微信小程序进行宣传.但是如何开发一个微信小程序大家又了解吗?下面就为大家介绍如何开发一个微信小程序. 首先我们做好 ...
python搭建微信小程序卖货要收费用吗_开发一个微信小程序需要多少钱？
很多朋友在微信上都在问司瓦图老张[也就是我本人,下面简称老张]关于小程序商城的开发费用,今天老张跟朋友分享下,开发一个微信电商小程序商城到底需要多少钱? //有的朋友关心为什么小程序费用有几百,几千差 ...
vue和小程序哪个好学一点_litemall,Spring Boot后端，微信小程序用户前端 + Vue用户移动端...
litemall 又一个小商场系统. litemall = Spring Boot后端 + Vue管理员前端 + 微信小程序用户前端 + Vue用户移动端注意: 由于第一次加载数据量较大,建议wif ...
微信小程序商城搭建，如何开发一个微信小程序商城
分析架构我们开发系统,常规有两个架构,一个BS架构(浏览器/服务器模式),一个CS(客户端/服务器端模式):我们微信小程序项目属于CS架构,C客户端是我们要开发的小程序,S端是我们要开发的后台管理系 ...
使用云数据库，国庆快速开发一个微信小程序
国庆七天,如果不想峡谷.王者七日游,就来跟我一起开发个小程序吧,不需要多高的技术,只要你会一点点前端css.html知识,不需要你了解后端语言,更不需要单独部署一个后端服务,十分简单! 之前我写过一个 ...
网上花店系统源码_如何创建一个花店线上商城，可以开发一个微信小程序
说起来花店,相信很多人都去花店买过花,许多花店通常都是个人开的店,一般位置回去选取在人口稠密的地区,以求争取到附近的流量.一般来说,人们会在有人创业或做些开心的事,或者情人节时买鲜花.随着城市的不断发 ...

真的简单，单手用Spring Boot 开发一个微信小程序

前言

申请

开发

结语

真的简单，单手用Spring Boot 开发一个微信小程序相关推荐

最新文章

热门文章