由于微信开放平台中内容非常多,学起来不容易。这篇文章为公众号如何接入网页做了一个指引,帮助初学者迅速入门。
首先我们先了解一下微信订阅号提供的服务分为两大类:
一、消息会话
公众号是以微信用户的一个联系人形式存在的,消息会话是公众号与用户交互的基础。目前公众号内主要有这样几类消息服务的类型。
群发消息:
订阅号能主动推送的文字消息、图文消息、图片、视频、语音。
模版消息:
用户触发才能推送的有固定模版的消息。
客服消息:
可以有真人客服参与的消息。
被动回复消息:
系统自动回复的消息。
以上消息类型用于不同的场景,这里不展开说。
二、公众号内网页
如果有许多复杂的业务场景,就需要通过网页形式来提供服务。开发者必须自己实现前端页面和后端服务,可以运用以下微信提供的开发工具帮助开发:
微信JS-SDK:
是开发者在网页上通过JavaScript代码使用微信原生功能的工具包,开发者可以使用它在网页上录制和播放微信语音、监听微信分享、上传手机本地图片、拍照等许多能力。
微信网页样式库:
WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。
提供微信各种后台服务的能力。
在线调试微信服务API。
如何开发公众号内网页
第一步:申请测试号。
微信公众号的接口有权限控制,不同的公众号类型具备不同的接口权限,如果你的帐号还没有认证是不能使用需要认证权限的接口的。(公众号接口权限说明文档 )
为了不受权限的影响,我们可以申请测试账号,就可以直接拥有所有接口的权限,方便开发。申请地址。
第二步:下载公众号开发工具。
第三步:开发者授权。
如果开发过程中需要接入订阅号,必须先通过订阅号给开发者的授权,授权方式如下:
1. 在微信公众平台登录公众号
2. 在【开发】-【开发者工具】-【web 开发者工具】中给订阅号开发者授权。
3. 打开刚下载的公众号开发工具,用授权过的微信扫码登录,这样开发的时候就能有权限访问公众号的内容。
第四步:前端网页开发。
现在可以进行正式的开发了,关于前端开发,可以使用微信JS-SDK调用微信前端的能力,使用微信网页样式库遵循微信样式规范,还需要注意一些适配。同时可以通过公众号开发工具中的【公众号网页调试】功能调试页面。
第五步:后端服务器开发。
微信提供了微信服务API,但是必须先获取access_token才可以调用,access_token是公众号的全局唯一接口调用凭据。
注意:必须先在公众号中设置服务器IP白名单,才有权限调用获取access_token的接口,通过AppID和AppSecret(可在【微信公众平台】-【开发】-【基本配置】页中获得,需要已经成为开发者,且帐号没有异常状态)。调用接口时,请登录【微信公众平台】-【开发】-【基本配置】提前将服务器IP地址添加到IP白名单中,点击查看设置方法,否则将无法调用成功。小程序无需配置IP白名单。
2. 获取微信服务器IP地址
如果公众号基于安全等考虑,需要获知微信服务器的IP地址列表。
3. 获取用户信息
获取用户信息需要使用到openid。这里理清一下什么是openid。公众号可以获取关注用户的openid,openid其实就是用户加密过的微信号,在同一个公众号里openid是用户的唯一id是不会重复的。
但是如果你有两个公众号,同一个用户分别关注了你的两个公众号,此时这同一个用户在你两个公众号里的openid是不一样的。那么如果你有多个公众号中统一用户id的需求。这里就需要使用unionid,同一个用户关注你的多个移动应用、网站应用和公众号,虽然openid不同,但是你可以通过openid获取到用户信息中的unionid,unionid在你的多个应用中是唯一的。
注意:前提是你必须把你的多个应用关联到同一个开发者账号中,在微信开放平台中的【管理中心】中关联。
4. 通过在线接口调试工具调试API。
5. 调用微信服务API完成开发。
第六步:在公众号中配置后端服务器。
公众号接入自己的后端服务器,开发者需要按文档配置。