您的位置:首页 > 移动开发 > 微信开发

微信jssdk已无力吐槽

2015-06-30 17:50 483 查看
微信强大的整合能力让企业公众号的开发迅速窜红,尤其是企业需要个性化定制的一些功能,公司在同时上线的app和触屏版的应用中,微信分享自然是不可或缺的重要一环。纵观现在大多数的微信公众号,分享大都是弹出二维码或者干脆直接使用微信右上方的分享功能分享网页链接,对于自定义分享内容这个功能就显得力不从心了,所以在公司伟大领袖的号召下,我们要自定义分享内容,分享标题,分享链接。好的,领导的精神已经发布了,接下来该我们发神经了。拿到微信jssdk开发文档的那一刻我信心百倍的告诉自己,小意思,搞得定(我知道我又想多了)。是的,事情确实没有那么的顺利,测试号的开发进行的坎坎坷坷一切都要归功于开发文档的英明指导,一开始是微信版本号太低,接着是绑定安全域名,好容易到了js验证的时候一直报“invalid signature”,仔细检查下来原来是当前页面的url一定是要动态获取的。终于搞定了,简单分享一下开发过程。

1.首先引入jweixin-1.0.0.js文件,这个文件是微信验证签名的执行文件。

2.到官网下载微信提供的签名生成类,这个类需要稍加改造,得到生成ticket的方法,同时要注意缓存jsapi_ticket和token,防止频繁请求微信。

3.通过js请求后台得到生成的时间戳,nonceStr和signature。

代码如下:“(document).ready(function() {
var inviteLink = “邀请链接”;(document).ready(function() {
var inviteLink = “邀请链接”;
(“#shareContent”).val(inviteLink);

$.ajax({

url: ‘<%=path %>/weixin/myshare.htm?url=’+pathURL,

type: ‘POST’,

dataType: ‘json’,

contentType:”application/json;charset=utf-8”,

data:{},

error: function(){alert(‘Error’);},

success: function(result){

wx.config({

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

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

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

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

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

jsApiList: [

‘checkJsApi’,

‘onMenuShareTimeline’,

‘onMenuShareAppMessage’,

‘onMenuShareQQ’,

‘onMenuShareWeibo’

]

});

wx.ready(function(){

});
wx.error(function(res){
// config信息验证失败会执行error函数
//alert(res);
});
}
});


});“

其中jsApiList中是微信提供的分享功能,分别是分享到朋友圈,发送给微信好友,分享到微博和分享到QQ,开发前期可以使用checkJsApi检查公众号是否获取了这些权限,如果没有勿必先获取权限,否则无法正常使用。另外一个需要注意的问题就是在微信内置浏览器的缓存问题,经常困扰验证结果的就是缓存,所以每当进行一次测试之前最好先关闭微信,因缓存造成的麻烦太让人痛苦了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: