namespace ManYiAbyWAP.Models { 微信获取Token返回参数类 WXInfo { public string APPID { get; set; } expires_in { ticket { errmsg { get; set; } public int errcode { get; set; } timestamp { signature { get; set; }//签名返回值 } }
网页端进行初始化的JS代码:
requestStatus = 0; function shareWX() { if (requestStatus != 1) { requestStatus = 1;ajaxPara = "url=" + encodeURIComponent(window.location.href.split('#')[0]); $.ajax({ url: '/WXMessage/GetToken', dataType: 'json', data: ajaxPara, success: function (json) { if (undefined != json && json !== "") { var jsonObjs = eval(json); wx.config({ debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。 appId: jsonObjs.APPID, // 必填,公众号的唯一标识 timestamp: jsonObjs.timestamp, // 必填,生成签名的时间戳 nonceStr: jsonObjs.noncestr, // 必填,生成签名的随机串 signature: jsonObjs.signature,// 必填,签名,见附录1 jsApiList: [ 'checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2 }); wx.ready(function () { wx.checkJsApi({ jsApiList: [ 'checkJsApi', 'onMenuShareTimeline', 'onMenuShareAppMessage', 'onMenuShareQQ', 'onMenuShareWeibo', 'onMenuShareQZone' ], // 需要检测的JS接口列表,所有JS接口列表见附录2, success: function (res) { } }); wx.onMenuShareWeibo({ title: '满艺网分享测试', // 分享标题 desc: '满艺网分享描述测试', // 分享描述 link: 'http://www.manyiaby.com', // 分享链接 imgUrl: 'http://www.manyiaby.com/img/logo_2.jpg', // 分享图标 success: function () { // 用户确认分享后执行的回调函数 alert("分享成功"); }, cancel: function () { // 用户取消分享后执行的回调函数 alert("分享取消"); } }); }); wx.error(function (res) { }); requestStatus = 2;//请求完成 } }, complete: function () { window.setTimeout(function () { requestStatus = 2;//请求完成 }, 300); } }); }
到这里关于微信分享JS SDK的使用就为大家介绍完毕,大家可以结合自己的需求进行参考。一开始已经为大家介绍了,微信提供的分享JS SDK仅仅只是一个对于微信内部浏览器的缓存处理,真正的分享还是需要我们点击右上角的分享按钮。
上面这些都不是太完美的手机web分享解决方法,最后给大家介绍一些Sosh社会化分享组件,当我看到这个组件时,我就知道这是我需要的,简洁的界面,整好可以让我们的网站看起来典雅舒服。好了,废话不多说,进入主题:
如何使用呢?我们只需要在页面引入即可,这里我为大家提供一个精简版下载链接,方便大家的开发使用,集成非常方便。
ok,今天关于网页社会化分享的内容就为大家介绍完了,如有不当之处,还望斧正。