首页 > 代码库 > 微信公众平台前端人员对接(微信拍照上传)

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

2024-08-20 01:05:42   220人阅读

前言：

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

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

3.微信JS-SDK说明文档

4.企业号开发者中心

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

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

技术分享

技术分享

步骤：

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

技术分享

2.获取到AppID和AppSecret

技术分享

3.通过AppID和AppSecret得到access_token

技术分享

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

技术分享

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

技术分享

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

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

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

技术分享

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

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

技术分享

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

http://203.195.235.76/jssdk/

技术分享

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv=”X-UA-Compatible” content=”IE=edge,chrome=1″/>
    <link rel="shortcut icon" href=http://www.mamicode.com/"images/send.png" type="/image/x-icon">>



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


联系
我们