11月更文挑战第27天:分享微信小程序开发流程

2025-04-11
来源:网络整理

“这是我参加11月更新挑战的第27天。查看活动详细信息:2021年最后更新挑战”

前言

嗨,大家,现在有很多用户使用微信。作为开发人员,您还可以构建自己的微信迷你计划。在此问题中,我将与您分享作者在建立微信迷你计划时的开发过程。

申请

在百度搜索微信公共帐户平台,然后扫描代码以登录并注册一个微信的公共帐户。

输入申请页面后,您需要及时改进与Mini程序相关的信息。

我们首次需要在开发人员管理中找到所需的开发人员ID。我们需要的开发人员ID可以查看开发人员设置中所需的开发人员ID。开发人员ID主要包括:(Mini ID)和(Mini 键)。应当指出的是,出于安全原因,它不再以纯文本保存。如果您忘记了钥匙,请单击“重置”。因此,在申请之后,我们需要记录下来。如果您忘记了,则需要重新申请,这可能会导致在线项目过期。

在开发人员ID的底部,您可以设置通用域名信息。应该注意的是,所有域名集必须是域名。设置域名后,您可以开发微信迷你程序。

发展后端

为了开发微信的后端框架,这次我们开发了一个[在线实用工具箱],该工具箱主要用于个人使用,因此后端选择启动作为开发的基础,并使用了数据库。整个项目的目录如下所示。

整个后端的项目开发与正常项目开发一致,主要是为Mini计划提供服务界面信息。目前已经实施的主要功能:服装尺寸比较表,谚语列表,牌照查询,国家邮政编码查询,国家区域代码查询,Fun Box,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"; }

bootloader开发流程_boot开发的小程序_boot开发流程

由于有必要与微信小程序进行交互,因此需要在配置文件中配置常用微信服务的后端地址,并且可以在调用时直接获得该值。配置文件如下

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.DruidDataSource mybatis.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=

在与微信小程序的互动过程中,您需要根据并基于它获得当前请求的小程序。请求其他服务时需要信息。例如,以下敏感的文本信息验证功能等。

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; }

背景使用最基本的服务,主要为迷你程序提供接口。启动项目后,您可以查看所有接口信息。

致电接口查询车牌所有权地点并输入北京。您可以看到北京中的车牌所有权信息已正常返回,并且可以为微信Mini计划提供查询服务。

前端

上述接口服务已开发。前端开发将基于微信开发人员工具。前端是使用组件库开发的,可以在配置文件中使用。总体开发页面如下图所示。

应当指出的是,如果您遇到在本地调试期间无法访问服务接口的情况,则需要选择不详细验证本地配置中的法定域名,否则基本上不会请求本地服务。

在上面的背景中启动本地服务,然后将域名信息配置为app.js。这使您可以在全球使用主机:“:8080”。如下图所示:

单击其中一个页面,然后输入查询数据以查看已正常访问数据,您可以正常访问它。

结论

好的,以上是基于启动开发微信小程序的过程。谢谢您的阅读。我希望你喜欢它。如果对您有帮助,请喜欢并收集它。如果有任何缺点,请评论并纠正我。下次见。

作者简介:[ Ajie]一个喜欢欺骗的程序员,Java开发人员和发烧友。官方帐户的维护者[Java Full ],欢迎关注和阅读和交流。

分享