步骤一:绑定域名
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。(必须必!!!)
如果你使用本地环境或测试环境就要把ip配置在ip白名单里
备注:登录后可在“开发者中心”查看对应的接口权限。
步骤二:引入JS文件
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
eg:
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
备注:支持使用 AMD/CMD 标准模块加载方法加载
步骤三:通过config接口注入权限验证配置
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名
jsApiList: [] // 必填,需要使用的JS接口列表
});
这些配置参数需要通过与后台交互获取(去获取appid,timestamp,nonceStr,signature)
//换取appid,timestamp,nonceStr,signature
core.ajax({ url: "",//=====请求接口 dataType: 'jsonp', data: { url:window.location.href //====很重要必须是window.location.href(1.若需要处理就用:location.href.split('#'[0];2.如果含有中文:要用encodeURIComponent()处理一下)
(1确认url是页面完整的url(请在当前页面alert(location.href.split('#')[0])确认),包括'http(s)://'部分,以及'?'后面的GET参数部分,但不包括'#'hash后面的部分。) } }).then(function(){
jWeixin.config({ debug: false, appId: res.appid, timestamp: res.timestamp, nonceStr: res.nonceStr, signature: res.signature, jsApiList: ["onMenuShareAppMessage","onMenuShareTimeline"] }); jWeixin.ready(function () { /* config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。 */ //=============自定义内容 //==分享给微信好友 jWeixin.onMenuShareAppMessage({ title: '助我一臂之力翻牌拿大奖!', imgUrl: '', link:'', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致,当然可以传参 desc: '阅读金币赚钱,邀请得红包~', success: function () { //分享之后要做的~~~ } }) //===分享到朋友圈 jWeixin.onMenuShareTimeline({ title: '助我一臂之力翻牌拿大奖!', // 分享标题 link:'', // 分享链接,该链接域名或路径必须与当前页面对应的公众号JS安全域名一致,当然可以传参 imgUrl: '', // 分享图标 desc:"阅读金币赚钱,邀请得红包~", success: function () { //分享之后要做的~~~ }, }) })
})
//==========这样就完成了,要是想改变qq的去公众号上去看
https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115