微信公众平台绑定域名
公众号设置 ——> 功能设置 ——> 设置JS接口安全域名 ——> 把自己创建的域名填写进去 ——>需要把指定的文件下载下来压缩后上传到
自己的服务器验证一下 ——> 然后保存域名就可以了
遇到的坑
遇到的问题,微信API的附录里面都有。
这里的坑:
-
虽然调用了微信分享,但是并不意味着你可以自己定义按钮吊起分享弹窗,而是指可以通过右上角的分享去分享,只是可以自己定义这个分享内容。
-
自定义的分享链接一定要和当前页面的域名一致,否则自定义失败。
-
当然,微信分享只适用于微信,在浏览器中请另外处理。
-
分享出去的页面,在微信中打开会被自动添加from=singlemessage等参数,所以要获取某个参数的话,需要注意。
朋友圈 from=timeline&isappinstalled=0 微信群 from=groupmessage&isappinstalled=0 好友分享 from=singlemessage&isappinstalled=0
示例代码
var ua = navigator.userAgent.toLocaleLowerCase();
//判断是微信打开的
if(ua.match(/Micromessenger/i) == 'micromessenger'){
$.ajax({
url: '/api/wx/jssdk/getSign',
type: 'get',
success: function(data){
if(data.code == 1){
//从服务端获取需要的一些参数
var data = data.data;
appId = data.appId;
timestamp = data.timestamp;
nonceStr = data.nonceStr;
signature = data.signature;
//需要先配置信息
wx.config({
debug: false,
appId: appId,
timestamp: timestamp, //生成签名的时间戳
nonceStr: nonceStr, //生成签名的随机串
signature: signature, //签名,通过时间戳、随机串等参数生成的
jsApiList: [ //要调用的接口
'onMenuShareTimeline',
'onMenuShareAppMessage'
]
});
//这里写具体的操作
wx.ready(function(){
// 分享给好友
wx.onMenuShareAppMessage({
title: '加入我们成为代理', //分享的内容标题
desc: '注册代理平台', //分享的内容描述
link: 'http://' + window.location.host + '/web/html/register.html?recommendCode='+recommendCode, //要分享的链接
imgUrl: 'http://s2.static.sd.com/2981bbe7325a499bb519734668be9365.png', //分享内容的logo图
type: 'link', //分享的内容的类型,这里分享的是一个链接
success: function(){},
cancel: function(){}
});
//分享到朋友圈
wx.onMenuShareTimeline({
title: '加入我们成为代理',
link: 'http://' + window.location.host + '/web/html/register.html?recommendCode='+recommendCode,
imgUrl: 'http://s2.static.sd.com/2981bbe7325a499bb519734668be9365.png',
success: function(){},
cancel: function(){}
});
});
wx.error(function(res){});
}else{
alert("加载信息失败");
}
},
error: function(){
alert('加载信息失败');
}
});
}
网友评论