微信公众平台前端人员对接(微信拍照上传)

前言:

1.本篇主要介绍前端如何对接微信公众平台

2.示例选取微信拍照上传

3.微信JS-SDK说明文档

4.企业号开发者中心

5.请一定要确认自己的帐号类型是否拥有使用微信某项功能的权限,要不然方法回调不起作用

6.企业号对接功能检测图如下:

微信公众平台前端人员对接(微信拍照上传)_第1张图片

微信公众平台前端人员对接(微信拍照上传)_第2张图片

步骤:

1.确认设置安全域名(设置后,可在该域名下进行测试)

微信公众平台前端人员对接(微信拍照上传)_第3张图片

2.获取到AppID和AppSecret

微信公众平台前端人员对接(微信拍照上传)_第4张图片

3.通过AppID和AppSecret得到access_token

微信公众平台前端人员对接(微信拍照上传)_第5张图片

a.请求方式get

b.请求链接https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

c.把链接中APPID和APPSECRET改成自己的

接口返回的expires_in是7200s,表示该access_token时效是2个小时,2小时之后,失效,我们需要重新获取

4.获取jsapi_ticket

微信公众平台前端人员对接(微信拍照上传)_第6张图片

a.请求方式get

b.请求链接https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=ACCESS_TOKEN&type=jsapi

c.把链接中access_token改成自己的

接口返回的expires_in是7200s,表示该jsapi_ticket时效是2个小时,2小时之后,失效,我们需要重新获取

5.签名获取signature

微信公众平台前端人员对接(微信拍照上传)_第7张图片

a.测试阶段我们无需在服务器端生成签名,可以先在本地用sha1.js生成(正式上线时需要后台配合,因为signature会失效)

b.我们可以通过这个链接方便的生成signature

http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=jsapisign  (可以使用这个页面中的sha1.js)

微信公众平台前端人员对接(微信拍照上传)_第8张图片

6.到这里,需要的参数,我们都已得到

a.在自己的js文件里验证是否正确(仅在微信端生效)

微信公众平台前端人员对接(微信拍照上传)_第9张图片

b.验证通过后,大家就可以去实现自己想要的功能了,参照以下官方demo的js

http://203.195.235.76/jssdk/

微信公众平台前端人员对接(微信拍照上传)_第10张图片




    
    
    
    
    wx
    
    
    


    
    




你可能感兴趣的:(手机端)