尝试开发微信公众号消息推送功能并且和小程序关联

简介: 之前写了几篇关于微信小程序的开发实践,总的来说没啥难度,感兴趣的请移步:[使用Mpvue配合Weui开发面试题题库微信小程序,并且发布到正式环境](https://v3u.cn/a_id_116),这一次我们来尝试开发一下微信公众号,那么公众号和小程序到底有什么区别呢?

之前写了几篇关于微信小程序的开发实践,总的来说没啥难度,感兴趣的请移步:使用Mpvue配合Weui开发面试题题库微信小程序,并且发布到正式环境,这一次我们来尝试开发一下微信公众号,那么公众号和小程序到底有什么区别呢?

首先定位不同

公众号服务于营销与信息传递,小程序面向产品与服务。公众号主要用于信息的传递实现人与信息的连接,借助H5 能够实现简单的交互,主要以营销和信息传递为主简单的服务为辅,而小程序从功能上与公众号有严格区分(不支持关注、消息推送等营销手段),一方面使得产品与服务不至于淹没在公众号营销信息中,另一方支持公众号、朋友圈、群与小程序之间的互动与导流,使得开发者专心做产品与服务,从而为微信带来大量长尾服务叠加微信自身重度服务打造从社交到信息连接再到服务的生态圈。

再者实现技术有区别

公众号基于H5,小程序基于微信自身开发环境与开发语言。小程序是微信内的云端应用(所以无需安装),不是原生App,通过WebSocket 双向通信(保证无需刷新即时通信)、本地缓存(图片与UI 本地缓存降低与服务器交互延时)以及微信底层技术优化实现了接近原生APP 的体验。

首先,我们还是去https://mp.weixin.qq.com/来注册一个公众号,注册时可以选择订阅号和服务号,这两者都是公众号,可以理解为服务号的功能更强大,但是需要企业级的资质才可以。

注册成功后,我们可以在公众号设置中设置一些公众号的基本信息

只要用户关注了公众号,就可以看到一些关于公众号的信息了,这里我们来实现一个小功能,就是给关注公众号的粉丝来推送消息。

这个功能在微信官方被称为模板消息推送,官方文档:https://developers.weixin.qq.com/doc/offiaccount/Message\_Management/Template\_Message\_Interface.html

我们从这里使用沙盒环境来全程模拟线上测试,首先进入微信的官方沙盒环境测试地址:https://mp.weixin.qq.com/debug/cgi-bin/sandboxinfo?action=showinfo&t=sandbox/index

在这里我们获取到了测试的appid和sceret

按照说明文档,我们首先要获取token,通过微信官方的接口调试工具就可以在线获取到token,非常方便:https://mp.weixin.qq.com/debug/cgi-bin/apiinfo?t=index&type=%E5%9F%BA%E7%A1%80%E6%94%AF%E6%8C%81&form=%E8%8E%B7%E5%8F%96access\_token%E6%8E%A5%E5%8F%A3%20/token

填入刚刚的appid和appsecret,点击检查问题,就可以获取到你的token,需要注意的是,此token是有时间限制的,超过两小时需要再次请求接口获取

将token保存好,此时再回到沙盒环境网址,关注测试公众号

然后创建一个新增一个测试模板

此时,我们手里已经掌握了模板id,用户的微信号id,这样就可以给关注的用户推送消息啦,聪明如你一定注意到了消息内容有一个{{ first.DATA}} ,这个其实就是一个类似通配符的东西,它可以将消息作为变量发送,这样你就能随时更改消息内容了。

现在我们来利用postman,给关注的用户实时推送一条消息

推送消息的接口地址为:https://api.weixin.qq.com/cgi-bin/message/template/send?access\_token=token
你需要将token替换为之前通过接口获取的token

根据接口文档,需要传入的参数有token,用户id,模板id,以及跳转网址和data,需要注意一点,发送的参数格式为json,别忘了请求方式为post

请求成功后,我们在公众号里就能看到这条消息

总体来说模板消息在公众号的生态里是非常优秀的一种消息推送形式:用户查看便捷,信息传递直接:不用像图文消息那样跳到网页查看;和高级群发一样,用户关注即能收到,没有其他发送前提;日调用上限是10万次,且能根据粉丝的量级得到进一步提升;粉丝点击后直达小程序/链接,引流效果好。

整个过程非常简单,当然了,这只是测试的沙盒环境,如果想应用到正式,必须有自己的独立服务器和域名才能使用

模板消息除了单发之外,当然也可以通过多次调用接口的形式实现群发效果,让公众号发给需要接收消息的部分粉丝。

最后,我们可以关联微信小程序,这样用户点击消息后就可以直接跳转小程序的页面了

附上公众号二维码:

相关文章
|
7天前
|
小程序 前端开发 API
小程序全栈开发中的多端适配与响应式布局
【4月更文挑战第12天】本文探讨了小程序全栈开发中的多端适配与响应式布局。多端适配涉及平台和设备适应,确保统一用户体验;响应式布局利用媒体查询和弹性布局维持不同设备的布局一致性。实践中,开发者可借助跨平台框架实现多平台开发,运用响应式布局技术适应不同设备。同时,注意兼容性、性能优化和用户体验,以提升小程序质量和用户体验。通过这些方法,开发者能更好地掌握小程序全栈开发。
|
7天前
|
小程序 前端开发 API
微信小程序全栈开发中的异常处理与日志记录
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的异常处理和日志记录,强调其对确保应用稳定性和用户体验的重要性。异常处理涵盖前端(网络、页面跳转、用户输入、逻辑异常)和后端(数据库、API、业务逻辑)方面;日志记录则关注关键操作和异常情况的追踪。实践中,前端可利用try-catch处理异常,后端借助日志框架记录异常,同时采用集中式日志管理工具提升分析效率。开发者应注意安全性、性能和团队协作,以优化异常处理与日志记录流程。
|
7天前
|
小程序 安全 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的身份认证与授权机制。身份认证包括手机号验证、微信登录和第三方登录,而授权机制涉及角色权限控制、ACL和OAuth 2.0。实践中,开发者可利用微信登录获取用户信息,集成第三方登录,以及实施角色和ACL进行权限控制。注意点包括安全性、用户体验和合规性,以保障小程序的安全运行和良好体验。通过这些方法,开发者能有效掌握小程序全栈开发技术。
|
7天前
|
小程序 前端开发 安全
小程序全栈开发中的跨域问题及其解决方案
【4月更文挑战第12天】本文探讨了小程序全栈开发中的跨域问题及其解决方案。跨域问题源于浏览器安全策略,主要体现在前后端分离、第三方服务集成和数据共享上。为解决此问题,开发者可采用CORS、JSONP、代理服务器、数据交换格式和域名策略等方法。实践中需注意安全性、兼容性和性能。通过掌握这些解决方案,开发者能更好地处理小程序的跨域问题,提升用户体验。
|
7天前
|
JavaScript 前端开发 小程序
微信小程序全栈开发之性能优化策略
【4月更文挑战第12天】本文探讨了微信小程序全栈开发的性能优化策略,包括前端的资源和渲染优化,如图片压缩、虚拟DOM、代码分割;后端的数据库和API优化,如索引创建、缓存使用、RESTful API设计;以及服务器的负载均衡和CDN加速。通过这些方法,开发者可提升小程序性能,优化用户体验,增强商业价值。
|
12天前
|
小程序
微信小程序如何实现进入小程序自动连WiFi功能
微信小程序如何实现进入小程序自动连WiFi功能
|
7天前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中PWA技术的应用,PWA结合Web的开放性和原生应用的性能,提供离线访问、后台运行、桌面图标和原生体验。开发者可利用Service Worker实现离线访问,Worker处理后台运行,Web App Manifest添加桌面图标,CSS和JavaScript提升原生体验。实践中需注意兼容性、性能优化和用户体验。PWA技术能提升小程序的性能和用户体验,助力开发者打造优质小程序。
|
7天前
|
SQL 安全 小程序
探索微信小程序全栈开发的安全性问题
【4月更文挑战第12天】本文探讨了微信小程序全栈开发中的安全性问题,包括数据安全、接口安全、隐私保护和代码安全。为解决这些问题,建议采取数据加密、使用HTTPS协议、身份认证与授权、输入验证、安全审计及漏洞扫描以及安全培训等措施。通过这些方法,开发者可提升小程序安全性,保护用户隐私和数据。
|
7天前
|
小程序 前端开发 JavaScript
小程序全栈开发:前端与后端的完美结合
【4月更文挑战第12天】本文介绍了小程序全栈开发,涵盖前端和后端的关键点。前端使用WXML和WXSS进行页面结构和样式设计,JavaScript处理逻辑及组件使用;后端采用Node.js等语言处理业务逻辑、数据库设计和API接口开发。前端与后端通过数据交互实现结合,采用前后端分离模式,支持跨平台运行。调试测试后,提交微信审核并上线运营。掌握前端后端结合是小程序成功的关键。
|
26天前
|
小程序 JavaScript 数据安全/隐私保护
分享全栈开发医疗小程序 -带源码课件(课件无解压密码),自行速度保存
看到好多坛友都在求SpringBoot2.X + Vue + UniAPP,全栈开发医疗小程序 - 带源码课件,我看了一下,要么链接过期,要么课件有压缩密码。特意整理了一份分享给大家,个人认为还是比较全面的。希望对大家有所帮助!课程仅供大家学习交流使用!
35 1
分享全栈开发医疗小程序 -带源码课件(课件无解压密码),自行速度保存