草庐IT

手记系列之一 ----- 关于微信公众号和小程序的开发流程

虚无境的博客 2023-03-28 原文

前言

本篇文章主要介绍的调用微信公众号和小程序之后的开发流程，主要以实现步骤为主。

前提准备

  1. 已经申请了微信公众号和小程序（由于官方文档写的很详细，这里就不在进行说明了）；
  2. 微信公众号和小程序的进行关联了（主要是为了消息推送）；

小程序的开发流程

  1. 提前注册微信小程序，注册地址:https://mp.weixin.qq.com/cgi-bin/wx；
  2. 若需要实现微信推送，则需要注册登录微信公众号开发平台，并添加小程序(300元)， 地址:https://mp.weixin.qq.com/cgi-bin/home；
  3. 需要得到微信小程序的appid和secret，在小程序的后端管理里面登录查看。
  4. 与微信请求交互需要使用https，并且建议使用域名来实现，需要弄好对应的https证书(可放在nginx目录下并进行配置)，并且小程序的后端需要开发外网端口。
  5. 若要实现微信推送功能，则需要关联微信公众号成功，并且需要添加IP的白名单，不然token无法获取；
  6. 若要实现图片上传功能，建议使用图片服务器，返回图片路径给前端（使用Nginx的时候要注意设置传输大小 （client_max_body_size 20M;））；
  7. 注意小程序打包体积不能超过2M，其他资源（包括图片等）放于后端静态服务器中；
  8. 小程序体验版自测需要在微信管理后台添加对应的开发人员，并且在登录小程序的时候使用开发调试功能(小程序界面右上角三个点进入)，且体验版的网络和后端服务的网需要在同一局域网才开进行访问;
  9. 关于小程序升级上线，需要提前提交审核申请（初次审核可能在3天左右甚至更久，一般需要提前进行，后续一般在1天左右），上线前需要在微信公众号开发平台提前添加好获取token的白名单，并且需要确保后端服务开启了外网访问权限。

微信公众号的开发流程

微信公众号的开发，这里只介绍一下如何进行消息推送。

微信api文档

  1. 微信公众号接口权限地址，需要管理员:
 https://mp.weixin.qq.com/advanced/advanced?action=table&token=396006949&lang=zh_CN
  1. 微信公众号文档:
https://developers.weixin.qq.com/doc/offiaccount/Getting_Started/Overview.html

微信公众号消息推送流程

微信模板消息接口地址:

https://developers.weixin.qq.com/doc/offiaccount/Message_Management/Template_Message_Interface.html

1.微信公众号推送前提

目前我们是需要将在微信小程序上面的用户和微信公众号的关注用户进行关联，因此必须需要unionid，并且需要绑定微信开发平台，这里简单介绍一下这几个名词的说明。

  • openid: 用户小程序、公众号中的唯一标识，一个用户在每一个小程序和公众号中都不相同，可以理解为uuid。
  • unionid:在绑定微信开发平台之后，小程序和公众号共通的id。可以通过https://api.weixin.qq.com/sns/jscode2session这个接口获取，但用户必须是关注了公众号和使用了小程序才能拿到。(需要公众号，小程序，开放平台三者绑定)。
  • appid: 小程序、公众号自身的唯一标识,开发者ID是公众号开发识别码，配合开发者密码可调用公众号的接口能力，管理员登录网页版的微信小程序和公众号可查看。
  • secret :开发者密码是校验公众号开发者身份的密码，具有极高的安全性。切记勿把密码直接交给第三方开发者或直接存储在代码中。如需第三方代开发公众号，请使用授权方式接入。管理员登录网页版的微信小程序和公众号可查看。

微信公众号推送流程

  1. 用户关注公众号得到公众号的openid和unionid;

    1. 获取公众号的token： https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=SECRET
    2. 根据token获取公众号关注的用户列表得到openid，第一次获取不需要next_openid的值: https://api.weixin.qq.com/cgi-bin/user/get?access_token=TOKEN&next_openid=APPID
    3. 根据openid获取unionid，可以批量获取(POST)：GET https://api.weixin.qq.com/cgi-bin/user/info?access_token=ACCESS_TOKEN&openid=OPENID&lang=zh_CN POST https://api.weixin.qq.com/cgi-bin/user/info/batchget?access_token=ACCESS_TOKEN

  2. 用户使用小程序之后得到小程序的openid和unionid;

    1. 获取小程序的token：https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=SECRET
    2. 获取sessionkey、openid和unionid，code需要前端登录之后传输 :https://api.weixin.qq.com/sns/jscode2session?appid=APPID&js_code=CODE&grant_type=authorization_code

  3. 使用unionid进行关联然后进行推送;
    使用模板进行推送，然后将内容填写到json中，需要openid、模板id(可以在微信公众号平台模板里面拿到)以及模板格式：
    POST https://api.weixin.qq.com/cgi-bin/message/template/send?access_token=ACCESS_TOKEN

一个简单的流程图：

其他

今年基本没怎么写博客了，因为现实中各种各样的事情，不过也是借口。既然现在又开始写了，那么还是希望能够写下去吧，目前还是先以自己的一些笔记为主吧，质量上可能没有之前写的好，毕竟就是将笔记简单的进行一下排版而已，没有向之前那样找各种资料查阅、验证、举例等等，毕竟那样要花费很多时间，准备一篇至少要4个小时以上，对于目前的自己来说，现在的确很难，但是我还是想去试试，先从零开始吧，先稳定更新一下手记系列吧，好了，关于废话就到这里了。

音乐推荐

一首很好听的古风曲~

原创不易，如果感觉不错，希望给个推荐！您的支持是我写作的最大动力！
版权声明:
作者：虚无境
博客园出处：http://www.cnblogs.com/xuwujing
CSDN出处：http://blog.csdn.net/qazwsxpcm　　　　
个人博客出处：https://xuwujing.github.io/

手记公众codeliAndroid开发

有关手记系列之一 ----- 关于微信公众号和小程序的开发流程的更多相关文章

  1. ruby - 使用 C 扩展开发 ruby​​gem 时，如何使用 Rspec 在本地进行测试？ - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当

  2. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序，它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择，是开发还是生产，一些方法的逻辑应该改变，这取决于部署类型。是否有任何想法，如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现？ 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  3. ruby - 是否可以覆盖 gemfile 进行本地开发？ - 2

    我们的git存储库中目前有一个Gemfile。但是，有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它，我必须将它添加到我们的Gemfile中，但每次我checkout到我们的master/dev主分支时，由于与跟踪的gemfile冲突，我必须删除它。我想要的是类似Gemfile.local的东西，它将继承从Gemfile导入的gems，但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗？ 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  4. ruby - 在 Windows 机器上使用 Ruby 进行开发是否会适得其反？ - 2

    这似乎非常适得其反，因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby​​-mysqlgem问题(gem本身发生段错误，一个名为UnixSocket的类显然在Windows机器上不能正常工作，等等)。我只是在浪费时间吗？我应该转向不同的脚本语言吗？ 最佳答案 我在Windows上使用Ruby的经验很少，但是当我开始使用Ruby时，我是在Windows上，我的总体印象是它不是Windows原生系统。因此，在主要使用Windows多年之后，开始使用Ruby促使我切换回原来的系统Unix，这次是Linux。Rub

  5. ruby-on-rails - 在 Rails 开发环境中为 .ogv 文件设置 Mime 类型 - 2

    我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器，但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型，并且只返回text/plain，如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain

  6. 世界前沿3D开发引擎HOOPS全面讲解——集3D数据读取、3D图形渲染、3D数据发布于一体的全新3D应用开发工具 - 2

    无论您是想搭建桌面端、WEB端或者移动端APP应用，HOOPSPlatform组件都可以为您提供弹性的3D集成架构，同时，由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台（桌面/WEB/APP，而且某些客户端是“瘦”客户端）快速、方便地将数据接入到3D应用系统的解决方案，并且当访问数据时，在各个平台上的性能和用户体验保持一致，HOOPSPlatform将帮助您完成。利用HOOPSPlatform，您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品，HOOPSSDK包含的技术有：快速且准确的CAD

  7. 【鸿蒙应用开发系列】- 获取系统设备信息以及版本API兼容调用方式 - 2

    在应用开发中，有时候我们需要获取系统的设备信息，用于数据上报和行为分析。那在鸿蒙系统中，我们应该怎么去获取设备的系统信息呢，比如说获取手机的系统版本号、手机的制造商、手机型号等数据。1、获取方式这里分为两种情况，一种是设备信息的获取，一种是系统信息的获取。1.1、获取设备信息获取设备信息，鸿蒙的SDK包为我们提供了DeviceInfo类，通过该类的一些静态方法，可以获取设备信息，DeviceInfo类的包路径为：ohos.system.DeviceInfo.具体的方法如下：ModifierandTypeMethodDescriptionstatic StringgetAbiList​()Obt

  8. 微信小程序通过字典表匹配对应数据 - 2

    前言一般来说，前端根据后台返回code码展示对应内容只需要在前台判断code值展示对应的内容即可，但要是匹配的code码比较多或者多个页面用到时，为了便于后期维护，后台就会使用字典表让前端匹配，下面我将在微信小程序中通过wxs的方法实现这个操作。为什么要使用wxs？{{method(a,b)}}可以看到，上述代码是一个调用方法传值的操作，在vue中很常见，多用于数据之间的转换，但由于微信小程序诸多限制的原因，你并不能优雅的这样操作，可能有人会说，为什么不用if判断实现呢？但是if判断的局限性在于如果存在数据量过大时，大量重复性操作和if判断会让你的代码显得异常冗余。wxswxs相当于是一个独立

  9. 计算机毕业设计ssm+vue基本微信小程序的小学生兴趣延时班预约小程序 - 2

    项目介绍随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱小学生兴趣延时班预约小程序的设计与开发被用户普遍使用,为方便用户能够可以随时进行小学生兴趣延时班预约小程序的设计与开发的数据信息管理,特开发了小程序的设计与开发的管理系统。小学生兴趣延时班预约小程序的设计与开发的开发利用现有的成熟技术参考,以源代码为模板,分析功能调整与小学生兴趣延时班预约小程序的设计与开发的实际需求相结合,讨论了小学生兴趣延时班预约小程序的设计与开发的使用。开发环境开发说明：前端使用微信微信小程序开发工具：后端使用ssm：VU

  10. 微信小程序开发入门与实战（Behaviors使用） - 2

    @作者:SYFStrive @博客首页:HomePage📜：微信小程序📌：个人社区（欢迎大佬们加入）👉：社区链接🔗📌：觉得文章不错可以点点关注👉：专栏连接🔗💃：感谢支持,学累了可以先看小段由小胖给大家带来的街舞👉微信小程序（🔥）目录自定义组件-behaviors    1、什么是behaviors    2、behaviors的工作方式    3、创建behavior    4、导入并使用behavior    5、behavior中所有可用的节点    6、同名字段的覆盖和组合规则总结最后自定义组件-behaviors    1、什么是behaviorsbehaviors是小程序中，用于实现

随机推荐