微信JSDK使用流程

1.通过公众号的appId,secret获取access_token;(要在公众号配置当前URL:js接口安全域名处填上需要测试的链接)

后台访问:https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=“appId”&secret=“secret”

2.通过access_token  ,获取jsapi_ticket,生成签名,返回给前台;

后台访问:https://api.weixin.qq.com/cgi-bin/ticket/getticket?access_token=“access_token”&type=jsap

生成签名(noncestr & jsapi_ticket & timestamp & url:(除#后面的URL))

3.前端页面引入微信的js文件,使用后端给的数据  引用地址: http://res.wx.qq.com/open/js/jweixin-1.2.0.js

wx.config({

    debug: true, //开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。

    appId: '', //必填,公众号的唯一标识

    timestamp: data.timestamp, //必填,生成签名的时间戳

    nonceStr: data.nonceStr, //必填,生成签名的随机串

    signature: data.signature,//必填,签名,见附录1

    jsApiList: ['chooseImage', 'previewImage','uploadImage', 'downloadImage'] //必填,需要使用的JS接口列表,所有JS接口列表见附录2

});

原文地址:https://www.cnblogs.com/dyy-dida/p/11260820.html