小墨の博客

梦想需要付诸行动,否则只能是梦

微信公众平台开发入门教程[2020版](转)

在这篇微信公众平台开发教程中,我们假定你已经有了PHP语言程序、MySQL数据库、计算机网络通讯、及HTTP/XML/CSS/JS等基础。 我们将使用微信公众账号方倍工作室作为讲解的例子,二维码见底部。 本系列教程将引导你完成如下任务: 创建新浪云计算平台应用 启用微信公众平台开发模式 了解数据收发原理及消息格式 开发实现微信天气预报功能

本文摘自:https://www.cnblogs.com/txw1958/p/wechat-tutorial.html,有删减,亲测可用,建议阅读原文。

在这篇微信公众平台开发教程中,我们假定你已经有了PHP语言程序、MySQL数据库、计算机网络通讯、及HTTP/XML/CSS/JS等基础。

我们将使用微信公众账号方倍工作室作为讲解的例子,二维码见左侧。

本系列教程将引导你完成如下任务:

  1. 创建新浪云计算平台应用

  2. 启用微信公众平台开发模式

  3. 体验常用接收消息及发送消息类型

  4. 了解数据收发原理及消息格式

  

第一章 申请服务器资源

创建新浪云计算应用

申请账号

我们使用SAE新浪云计算平台作为服务器资源,并且申请PHP环境+MySQL数据库作为程序运行环境。
申请地址为:

http://www.sinacloud.com/

直接点击上述网址,可以看到右上角微博登录的链接。

点击进入之后,使用新浪微博账号登录 

登录之后,按照提示注册个人信息即可。 

  

创建新应用

回到首页,在菜单顶部选择 控制台 ,再选择 云应用SAE 

进入SAE应用列表

点击创建应用按钮,这时会弹出提示禁止放置违法违规内容等信息,点击我已确认,弹出如下窗口。

  

开发语言选择PHP,运行环境为标准环境,语言版本5.3。二级域名自己想一个名字,也可以就直接用自己的QQ号。应用名称可以也随便填一个。

此处配置和本教程必须完全一样!!!

此处配置和本教程必须完全一样!!!

此处配置和本教程必须完全一样!!!

在右方的计费及配额说明中列出费用,表示这种配置是免费使用的(不超过免费额度前提下),然后点击右方的确认创建

 

创建成功后,进入到应用首页中。

  

创建版本

在运行环境管理-代码管理中,列出了版本列表,点击创建新版本,版本号中填1

创建成功之后,获得了版本访问链接

  

上传代码

下述代码是一个微信接口文件,看不懂没有关系,你可以暂时不用弄明白它的意思。

我们将使用上述代码与微信公众平台对接。直接下载方倍工作室已经压缩好的上述代码的zip文件点此进入下载本站修改版本

点击 上传代码包

弹出上传窗口,将文件上传到上述地址。

上传完成之后,正文异步任务列表中显示 代码导入 执行成功。

  

查看源码

在版本列表中,点击 在线编辑

进入到新浪云的在线编辑器中,右键点击 sinacloudindex.php 文件,然后选择删除,将该文件删除掉。

然后双击 index.php文件,可以看到如下内容则表示文件已经成功上传了

只需要我们自己上传的index.php和config.yaml文件就可以了。多余的要删除!!!

实名认证

新浪SAE要求用户实名认证之后才能正常使用新浪云。实名认证是免费的。认证后可获得200个云豆。

在左侧目录列表中,找到实名认证目录,在页面中上传身份证并等待审核,审核成功之后,如下图所示。

  

充值(本步骤可选择性进行)

新浪云SAE实行的是配额免费+超额付费的方式,相关标准请查看SAE价格体系介绍。初期对于大部分用户来说免费配额已够用,如果您将来使用量比较大建议预先至少充值100元获得10000云豆,以免超额后应用被禁用而影响业务。

第二章 启用开发模式

微信公众平台开发模式

①个人开发者使用测试号

个人学习开发建议使用测试号 

微信测试号地址:http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 

登录后,在接口配置信息中填写刚才生成的URL地址和Token.

URL地址就是刚才生成的的二级域名地址:http://fangbei.applinzi.com/ 。

Token在程序中固定为 weixin

填写好提交

  

顶部显示配置成功

如果提示"token验证失败",多重次几次。

  

②企业开发者并且有订阅号或者服务号

微信公众平台地址:https://mp.weixin.qq.com 

登录微信公众平台后台,在左侧列表中最下方,找到" 基本配置 ",点击进入

进入服务器配置填写框。

点击"修改配置"按钮

此处的URL为上篇中介绍的云应用的域名,而Token在index.php中定义为weixin。EncodingAESKey则不用填,点击"随机生成"让自动生成一个,消息加解密方式选择"明文模式",然后点击"提交"按钮。

  

在弹出的提示框中,点击"确定"

配置修改后如图所示,再点击"启用"按钮

询问"是否确定开启服务器配置",点击"确定"

如果提示"token验证失败",可以先重次几次,微信服务器有时候不稳定。另外新浪SAE要求进行实名认证,请先上传身份证进行实名认证并通过审核后再试!

成功启用后如图。

恭喜,你成功启用开发模式。

 

至此,你的微信公众平台账号已经实现自动回复了。 

  

第三章 常用消息类型接收与发送

第四章 数据收发原理及消息数据格式

  

★ 本章是理论部分,初学者会比较难以理解,不用太过追究,看不懂可以跳过去。

开发模式成为开发者时的消息校验原理

在开发者首次提交验证申请时,微信服务器将发送GET请求到填写的URL上,并且带上四个参数(signature、timestamp、nonce、echostr),开发者通过对签名(即signature)的效验,来判断此条消息的真实性。

此后,每次开发者接收用户消息的时候,微信也都会带上前面三个参数(signature、timestamp、nonce)访问开发者设置的URL,开发者依然通过对签名的效验判断此条消息的真实性。效验方式与首次提交验证申请一致。

参数

描述

signature

微信加密签名,signature结合了开发者填写的token参数和请求中的timestamp参数、nonce参数。

timestamp

时间戳

nonce

随机数

echostr

随机字符串

开发者通过检验signature对请求进行校验(下面有校验方式)。若确认此次GET请求来自微信服务器,请原样返回echostr参数内容,则接入生效,成为开发者成功,否则接入失败。


加密/校验流程如下:



1. 将token、timestamp、nonce三个参数进行字典序排序



2. 将三个参数字符串拼接成一个字符串进行sha1加密



3. 开发者获得加密后的字符串可与signature对比,标识该请求来源于微信


启用接口是由代码中的checkSignature()函数来实现校验的。如果对这一原理难以理解,可以暂时不用深究,继续看下面

  

成为开发者后消息收发时的原理

上一章节中图,当用户发送一个"?"时,系统回复了一个时间

这一原理的消息流程图如下所示。

从上图可以看出,用户在发送一个?后,微信服务器将组装一个消息发送给我们自己的服务器,自己的服务器然后回复一个时间,并且将该时间也按一定的规则组装,回复给公众账号,公众账号再回复给用户,在这个收发过程中,发送方和接收方进行了调换(ToUserName和FromUserName值互换),收发都是以xml格式在后台进行传输的,

所以掌握各种消息类型的接收回复就是进行微信公众平台开发的基础

下面对前面所述的各种消息类型讲解其XML数据包的格式。

  

各种收发消息的XML数据包分析

接收消息

1. 文本(包括表情)
接收文本及表情

文字后台格式:


<xml>



<ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>



<CreateTime>1359028446</CreateTime>



<MsgType><![CDATA[text]]></MsgType>



<Content><![CDATA[测试文字]]></Content>



<MsgId>5836982729904121631</MsgId>



</xml>


表情后台格式


<xml><ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>



<CreateTime>1359044526</CreateTime>



<MsgType><![CDATA[text]]></MsgType>



<Content><![CDATA[/::)/::~/::B/::|/:8-)]]></Content>



<MsgId>5837051792978241864</MsgId>



</xml>


XML格式讲解


ToUserName 消息接收方微信号,一般为公众平台账号微信号



FromUserName 消息发送方微信号



CreateTime 消息创建时间



MsgType 消息类型;文本消息为text



Content 消息内容



MsgId 消息ID号


可以看出,文本和表情的消息类型均为文本

2. 图片
接收图片

后台格式:


<xml><ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>



<CreateTime>1359028479</CreateTime>



<MsgType><![CDATA[image]]></MsgType>



<PicUrl><![CDATA[http://mmbiz.qpic.cn/mmbiz/L4qjYtOibummHn90t1mnaibYiaR8ljyicF3MW7XX3BLp1qZgUb7CtZ0DxqYFI4uAQH1FWs3hUicpibjF0pOqLEQyDMlg/0]]></PicUrl>



<MsgId>5836982871638042400</MsgId>



<MediaId><![CDATA[PGKsO3LAgbVTsFYO7FGu51KUYa07D0C_Nozz2fn1z6VYtHOsF59PTFl0vagGxkVH]]></MediaId>



</xml>


XML格式讲解


ToUserName 消息接收方微信号,一般为公众平台账号微信号



FromUserName 消息发送方微信号



CreateTime 消息创建时间



MsgType 消息类型;图片消息为image



PicUrl 图片链接地址,可以用HTTP GET获取



MsgId 消息ID号


3. 语音
接收语音

后台格式:


<xml>



<ToUserName><![CDATA[gh_d035bb259cf5]]></ToUserName>



<FromUserName><![CDATA[owEUGj4BW8yeWRvyEERiVGKwAF1Q]]></FromUserName>



<CreateTime>1364883809</CreateTime>



<MsgType><![CDATA[voice]]></MsgType>



<MediaId><![CDATA[JfmCezZ3Cwp0FwUvMADwwhvp-XScuvpictubpw0c6ALyA8tj3HLU4PoXzMpIY72P]]></MediaId>



<Format><![CDATA[amr]]></Format>



<MsgId>5862131322594912688</MsgId>



</xml>


XML格式讲解


ToUserName 消息接收方微信号,一般为公众平台账号微信号



FromUserName 消息发送方微信号



CreateTime 消息创建时间



MsgType 消息类型;语音消息为voice



MediaId 媒体ID



Format 语音格式,这里为amr



MsgId 消息ID号


 


附:AMR接口简介



全称Adaptive Multi-Rate,主要用于移动设备的音频,压缩比比较大,但相对其他的压缩格式质量比较差,由于多用于人声,通话,效果还是很不错的。


4. 视频

接收视频

后台格式:


xml><ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>



<CreateTime>1359028186</CreateTime>



<MsgType><![CDATA[video]]></MsgType>



<MediaId><![CDATA[DBVFRIj29LB2hxuYpc0R6VLyxwgyCHZPbRj_IIs6YaGhutyXUKtFSDcSCPeoqUYr]]></MediaId>



<ThumbMediaId><![CDATA[mxUJ5gcCeesJwx2T9qsk62YzIclCP_HnRdfTQcojlPeT2G9Q3d22UkSLyBFLZ01J]]></ThumbMediaId>



<MsgId>5836981613212624665</MsgId>



</xml>


XML格式讲解


ToUserName 消息接收方微信号,一般为公众平台账号微信号



FromUserName 消息发送方微信号



CreateTime 消息创建时间



MsgType 消息类型;视频消息为video



MediaId 媒体ID



ThumbMediaId 媒体缩略ID?



MsgId 消息ID号


5. 位置

接收位置

后台格式:


<xml>



<ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>



<CreateTime>1359036619</CreateTime>



<MsgType><![CDATA[location]]></MsgType>



<Location_X>22.539968</Location_X>



<Location_Y>113.954980</Location_Y>



<Scale>16</Scale>



<Label><![CDATA[中国广东省深圳市南山区华侨城深南大道9789号 邮政编码: 518057]]></Label>



<MsgId>5837017832671832047</MsgId>



</xml>


XML格式讲解


ToUserName 消息接收方微信号,一般为公众平台账号微信号



 FromUserName 消息发送方微信号



 CreateTime 消息创建时间



 MsgType 消息类型,地理位置为location



 Location_X 地理位置纬度



 Location_Y 地理位置经度



 Scale 地图缩放大小



 Label 地理位置信息



 MsgId 消息ID号


6. 链接

接收链接

后台格式:


<xml>



<ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjl2LYdfTAM-oxDgB4XZcnc8]]></FromUserName>



<CreateTime>1359709372</CreateTime>



<MsgType><![CDATA[link]]></MsgType>



<Title><![CDATA[微信公众平台开发者的江湖]]></Title>



<Description><![CDATA[陈坤的微信公众号这段时间大火,大家..]]></Description>



<Url><![CDATA[http://israel.duapp.com/web/photo.php]]></Url>



<MsgId>5839907284805129867</MsgId>



</xml>


XML格式讲解


ToUserName 消息接收方微信号,一般为公众平台账号微信号



 FromUserName 消息发送方微信号



 CreateTime 消息创建时间



 MsgType 消息类型,链接为link



 Title 图文消息标题



 Description 图文消息描述



 Url 点击图文消息跳转链接



 MsgId 消息ID号


 

回复消息

只介绍三种格式的消息:文本、图文、音乐。其中图文消息包括单条图文消息和多条图文消息,展示方式有一点点不同。

1. 文本消息格式
回复文本

后台格式:


<xml>



<ToUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></ToUserName>



<FromUserName><![CDATA[gh_680bdefc8c5d]]></FromUserName>



<CreateTime>1359036631</CreateTime>



<MsgType><![CDATA[text]]></MsgType>



<Content><![CDATA[【深圳】天气实况 温度:27℃ 湿度:59% 风速:东北风3级



11月03日 周日 27℃~23℃ 小雨 东北风4-5级



11月04日 周一 26℃~21℃ 阵雨 微风



11月05日 周二 27℃~22℃ 阴 微风]]></Content>



<FuncFlag>0</FuncFlag>



</xml>


XML格式讲解


FromUserName 消息发送方



 ToUserName 消息接收方



 CreateTime 消息创建时间



 MsgType 消息类型,文本消息必须填写text



 Content 消息内容,大小限制在2048字节,字段为空为不合法请求



 FuncFlag 星标字段


2. 图文消息格式
2.1 单条图文消息
回复单条图文

后台格式:


<xml>



<ToUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></ToUserName>



<FromUserName><![CDATA[gh_680bdefc8c5d]]></FromUserName>



<CreateTime>1359011899</CreateTime>



<MsgType><![CDATA[news]]></MsgType>



<Content><![CDATA[]]></Content>



<ArticleCount>1</ArticleCount>



<Articles>



<item>



<Title><![CDATA[[苹果产品信息查询]]></Title>



<Description><![CDATA[序列号:USE IMEI NUMBER



IMEI号:358031058974471



设备名称:iPhone 5C



设备颜色:



设备容量:



激活状态:已激活



电话支持:未过期[2014-01-13]



硬件保修:未过期[2014-10-14]



生产工厂:中国]]>



</Description>



<PicUrl><![CDATA[http://www.fangbei.org/weixin/weather/icon/banner.jpg]]></PicUrl>



<Url><![CDATA[]]></Url>



</item>



</Articles>



<FuncFlag>0</FuncFlag>



</xml>


2.2 多图文消息

回复多图文

后台数据格式


<xml>



<ToUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></ToUserName>



<FromUserName><![CDATA[gh_680bdefc8c5d]]></FromUserName>



<CreateTime>1359011829</CreateTime>



<MsgType><![CDATA[news]]></MsgType>



<Content><![CDATA[]]></Content>



<ArticleCount>5</ArticleCount>



<Articles>



<item>



<Title><![CDATA[【深圳】天气实况 温度:3℃ 湿度:43﹪ 风速:西南风2级]]></Title>



<Description><![CDATA[]]></Description>



<PicUrl><![CDATA[http://www.fangbei.org/weixin/weather/icon/banner.jpg]]></PicUrl>



<Url><![CDATA[]]></Url>



</item>



<item>



<Title><![CDATA[06月24日 周四 2℃~-7℃ 晴 北风3-4级转东南风小于3级]]></Title>



<Description><![CDATA[]]></Description>



<PicUrl><![CDATA[http://www.fangbei.org/weixin/weather/icon/d00.gif]]></PicUrl>



<Url><![CDATA[]]></Url>



</item>



<item>



<Title><![CDATA[06月25日 周五 -1℃~-8℃ 晴 东南风小于3级转东北风3-4级]]></Title>



<Description><![CDATA[]]></Description>



<PicUrl><![CDATA[http://www.fangbei.org/weixin/weather/icon/d00.gif]]></PicUrl>



<Url><![CDATA[]]></Url>



</item>



<item>



<Title><![CDATA[06月26日 周六 -1℃~-7℃ 多云 东北风3-4级转东南风小于3级]]></Title>



<Description><![CDATA[]]></Description>



<PicUrl><![CDATA[http://www.fangbei.org/weixin/weather/icon/d01.gif]]></PicUrl>



<Url><![CDATA[]]></Url>



</item>



<item>



<Title><![CDATA[06月27日 周日 0℃~-6℃ 多云 东南风小于3级转东北风3-4级]]></Title>



<Description><![CDATA[]]></Description>



<PicUrl><![CDATA[http://www.fangbei.org/weixin/weather/icon/d01.gif]]></PicUrl>



<Url><![CDATA[]]></Url>



</item>



</Articles>



<FuncFlag>0</FuncFlag>



</xml>


XML格式讲解


FromUserName 消息发送方



 ToUserName 消息接收方



 CreateTime 消息创建时间



 MsgType 消息类型,图文消息必须填写news



 Content 消息内容,图文消息可填空



 ArticleCount 图文消息个数,限制为10条以内



 Articles 多条图文消息信息,默认第一个item为大图



  Title 图文消息标题



  Description 图文消息描述



  PicUrl 图片链接,支持JPG、PNG格式,较好的效果为大图640*320,小图80*80



  Url 点击图文消息跳转链接



FuncFlag 星标字段


 3. 音乐消息

回复音乐消息

后台格式:


<xml>



<ToUserName><![CDATA[ollB4jqgdO_cRnVXk_wRnSywgtQ8]]></ToUserName>



<FromUserName><![CDATA[gh_b629c48b653e]]></FromUserName>



<CreateTime>1372310544</CreateTime>



<MsgType><![CDATA[music]]></MsgType>



<Music>



<Title><![CDATA[最炫民族风]]></Title>



<Description><![CDATA[凤凰传奇]]></Description>



<MusicUrl><![CDATA[http://zj189.cn/zj/download/music/zxmzf.mp3]]></MusicUrl>



<HQMusicUrl><![CDATA[http://zj189.cn/zj/download/music/zxmzf.mp3]]></HQMusicUrl>



</Music>



<FuncFlag>0</FuncFlag>



</xml>


XML格式讲解


ToUserName     接收方帐号(收到的OpenID)



FromUserName     开发者微信号



CreateTime     消息创建时间



MsgType          消息类型,此处为music



    Title       音乐标题



    Description 音乐描述



    MusicUrl     音乐链接



    HQMusicUrl     高质量音乐链接,WIFI环境优先使用该链接播放音乐



FuncFlag     位0x0001被标志时,星标刚收到的消息。


 

事件消息类型

目前用户在关注和取消关注,以及点击菜单的时候会自动向公众平台发送事件推送消息:

1. 关注事件


<xml>



<ToUserName><![CDATA[gh_b629c48b653e]]></ToUserName>



<FromUserName><![CDATA[ollB4jv7LA3tydjviJp5V9qTU_kA]]></FromUserName>



<CreateTime>1372307736</CreateTime>



<MsgType><![CDATA[event]]></MsgType>



<Event><![CDATA[subscribe]]></Event>



<EventKey><![CDATA[]]></EventKey>



</xml>


2. 取消关注事件


<xml>



<ToUserName><![CDATA[gh_b629c48b653e]]></ToUserName>



<FromUserName><![CDATA[ollB4jqgdO_cRnVXk_wRnSywgtQ8]]></FromUserName>



<CreateTime>1372309890</CreateTime>



<MsgType><![CDATA[event]]></MsgType>



<Event><![CDATA[unsubscribe]]></Event>



<EventKey><![CDATA[]]></EventKey>



</xml>


3. 菜单点击事件


<xml>



<ToUserName><![CDATA[gh_680bdefc8c5d]]></ToUserName>



<FromUserName><![CDATA[oIDrpjqASyTPnxRmpS9O_ruZGsfk]]></FromUserName>



<CreateTime>1377886191</CreateTime>



<MsgType><![CDATA[event]]></MsgType>



<Event><![CDATA[CLICK]]></Event>



<EventKey><![CDATA[天气深圳]]></EventKey>



</xml>


XML格式讲解


ToUserName     接收方微信号



FromUserName 发送方微信号,若为普通用户,则是一个OpenID



CreateTime     消息创建时间



MsgType     消息类型,event



Event     事件类型,subscribe(订阅)、unsubscribe(取消订阅)、CLICK(自定义菜单点击事件)



EventKey 事件KEY值,与自定义菜单接口中KEY值对应


  

  

第五章 小结

  

总的来说,通过本教程,你得到了以下收获:

  • 1. 通过本教程得到了一个新浪云应用,该应用以后将会收取少量费用。你也可以另外自行购买空间服务器。

  • 2. 成功启用了开发模式,并且实现了时间的自动回复。

  • 3. 体验了微信公众账号最常用的接收消息及发送消息类型

  • 4. 了解了微信公众平台开发的原理,并且熟悉了各种消息及发送是怎么一回事

 

张小弟之家

本文链接:
文章标题:

本站文章除注明转载/出处外,均为原创,若要转载请务必注明出处。转载后请将转载链接通过邮件告知我站,谢谢合作。本站邮箱:admin@only4.work

尊重他人劳动成果,共创和谐网络环境。点击版权声明查看本站相关条款。

    发表评论:

    搜索
    本文二维码
    标签列表
    站点信息
    • 文章总数:547
    • 页面总数:20
    • 分类总数:96
    • 标签总数:213
    • 评论总数:63
    • 浏览总数:287025

    | | |
    | |  Z-Blog PHP