68
人物
详解HTML 5-微信开发 基础篇
0.作者前言
本文针对人群是有一定开发基础的人员,可以比较快的帮助你了解和学习微信开发.
其次是本文作者本次书写,全部采用的是个人的订阅号,假如是正常的开发流程,可能会存在不同,请读者注意.
本文代码部分主要提供的是关键代码,非关键代码因人而异,需要读者自行补充,请注意.
今天文章下面对一些方法进行了封装,虽然在公司里面,这些都是由后台来对这些任务完成,但是身为一个有理想,有抱负的前端,我们会肯定是有必要的,对吧.而且微信开发很多时候,也是直接由前端来开发完成的.
最后,如果喜欢本文,请继续关注蓝鸥网站，每天都会有干货更新!
1.基本认知
• 订阅号
• 公众号
• 企业号
具体内容请参考微信公众平台注册步骤示例图(企业)
咱们只需要明白下面这个图的内容。
服务类型
2. 开发前准备
1.; 申请一个微信公众号
2.; 微信公众号链接
我们选择了
B8BDCB54-7965-4E3C-8B1D-811D1EA02246.png
之后我们首先需要去配置一下接口.
之后我们就可以去修改我们的token.
之后我们需要前往
开发--> 开发者工具 --> 开始开发 --> 接入指南
可以直接点击 接入指南
找到 PHP示例代码下载去进行下载.
我这里帮大家偷个懒 PHP 示例代码下载
之后我们打开php , 去将里面的内容 token 去进行更改.
之后我们将其从新压缩,压缩完成之后我们需要打开我们的新浪云去管理我们的 PHP 文件.
首先,使用新浪云首先需要进行新浪云的注册以及实名认证,这里相信大家都能弄明白.
只是额外提一点,新浪云是需要消耗云豆的,而新手注册会赠送200云豆,以后则需要自己去购买了.
但是如果是好友邀请,你除了当前的200之外,应该,注意是应该会额外赠送你200云豆,所以咯,小伙伴们如果不嫌弃,可以直接用我下面的注册链接,这样你应该就能获得 400 云豆了.
我的邀请链接 https://t.cn/R5UICr2
017BC6E0-132A-4AA8-AAEA-2EECB4012F7A.png
在我们注册之后,我们就需要开始去创建我们新的应用了.
0686D7BE-90EE-4C3F-B7F3-2317C59ED72B.png
91BBAD1B-6A56-4F96-A144-E90132B3E543.png
这里需要注意, PHP 的版本不要选太高,否则会影响后面的内容.
4EA53382-E564-4E28-97A9-6C1FBAFE5489.png
创建了空应用之后,我们就可以在这里找到我们刚才创建的应用了,点击上面的应用名称.
364580DA-D4C9-4CF0-9C41-C81AFC2D0B6C.png
找到应用中的代码管理,之后选择右侧的上传代码.
这时候发现,提示代码上传只支持 zip, gz, tar.gz 三种格式.
这时候就可以把我们刚才特意打包好的应用去上传上去了.
69BF8A1AD257949D9060DCB66CD77ABA.png
上传之后,我们也可以在上传代码的边上找到编辑代码.
之后直接在编辑代码中去更改我们的 PHP 文件了.
还记得我们刚才在边上有一个链接么?
这时候我们就可以将刚才的链接去直接复制过去,回到微信开发接口这边,把刚才的 URL 填写进去.
但是需要注意,我们需要将链接补全完毕,
也就是将刚才的路径去做一个更改,将地址和文件名串联在一起,之后回到刚才的接口中,可以去做 URL 的添加,但是需要注意,需要在前面添加上 HTML 协议.
F727B357-FDC3-4FE9-B665-DD992A5C58B4.png
至此,我们已经获取了 我们的接口,接下来就正式进入微信开发.
3.获取access_token
以上话术出自 获取access_token
这里主要就是看看你刚才去生成的 APPID 和 APPSECRET 能否正常的获取.
DB6B8E48-B614-46A8-9401-E7FCF497A8A8.png
这里把刚才的APPID 等填写进去,如果成功的话,我们应该就能看见我们的 access_token 了.
http请求方式:
GET
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
这块代码是固定的,可以直接粘贴.
E37C17A7-9D0D-4D67-A369-2B71BDBDF90F.png
可是我现在只是在网页中获取出来了,我们要是在程序中怎么去获取呢?难道用 AJAX ? 当然不是,这时候我们需要使用 PHP 去获取.
如果我们验证之后确实存在,我们就可以去使用微信提供的方式.
这时候我们应该就能够获取我们的 token 了,但是我们现在还需要将其从新获取出来,我们可以将其转换为一个数组,之后从新获取我们的 access_token.
我们已经获取了具体的 access_token, 之后我们就可以存入我们的数据库中,每次使用的时候去进行一个判断,如果是旧的就去获取新的替换它.
这里不对数据库操作做更多说明,这个完全看自己习惯,
只是补充一点, token 的 类型要是 TEXT ,time 的类型最好是 VARCHAR.
7B711FC2-1A2F-454E-B3FA-19B0DBE97BEA.png
之后回到代码部分,这时候我们会首先去连接一下我们刚才的数据库.
具体连接数据库请自行操作.
之后我们就去通过数据库操作去获取到我们的 token.
4.获取微信服务器IP地址
如果公众号基于安全等考虑，需要获知微信服务器的IP地址列表，以便进行相关限制，可以通过该接口获得微信服务器IP地址列表或者IP网段信息。
以上话术出自 获取微信服务器IP地址
http请求方式:
GET
这里我们首先可以先来获取一下微信的服务器列表.
我们再对其进行一下封装,
记得实际操作的时候,需要对获取到的数据进行一个验证,只有在获取到了对应的数据之后再进行下面的操作.
同样的操作,像我们想获取用户列表等内容,同样也是如此.
5.获取用户列表
以上话术出自 获取用户列表
http请求方式:
GET 请使用https协议
A36B4175-B2F7-41BA-9412-A06EECCDBA2A.png
我们也可以对其进行一下封装.
这时候我们就可以对其进行一下打印,打印之后就可以看到我们的想要的用户列表了.
6.获取用户详细信息
上方出自 微信公众平台说明 获取用户基本信息
http请求方式:
GET
2938F6E2-04F3-4152-85C0-4F55FA5E85B1.png
7.长链接转短链接接口
在今天文章最后,我们再来给大家演示一个 post 接口的写法.
将一条长链接转成短链接。
主要使用场景： 开发者用于生成二维码的原链接(商品、支付二维码等)太长导致扫码速度和成功率下降，将原长链接通过此接口转成短链接再生成二维码将大大提升扫码速度和成功率。
上述话语出自 长链接转短链接接口
http请求方式:
POST
以上请求网址是固定的,可以直接替换.
1E84F82C-287E-4D30-B105-DF820C721DBA.png
这时候我们可以去打印一下现在的URL ,这时候我们就不必使用之前的非常长的接口内容了,而可以直接去使用我们缩短的网址了.
同时这个函数不仅仅可以用在此处,其余时候也可以直接去使用.
最后更新：2017-10-08 03:17:05