HTML5技术

手机web如何实现多平台分享 - 小破孩123(3)

字号+ 作者:H5之家 来源:博客园 2016-08-23 12:00 我要评论( )

namespace ManYiAbyWAP.Models{ 微信获取Token返回参数类 WXInfo{ public string APPID { get ; set ; } expires_in { ticket { errmsg { get ; set ; } public int errcode { get ; set ; } timestamp { signature

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,今天关于网页社会化分享的内容就为大家介绍完了,如有不当之处,还望斧正。

 

  

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • transform实现的时钟效果 - 小数点就是问题

    transform实现的时钟效果 - 小数点就是问题

    2016-08-18 17:00

  • 如何独立开发一个网络请求框架 - 指尖下的幽灵

    如何独立开发一个网络请求框架 - 指尖下的幽灵

    2016-08-15 11:00

  • 视错觉升级版:多个视错觉效果实现 - 青玉伏案

    视错觉升级版:多个视错觉效果实现 - 青玉伏案

    2016-08-12 11:00

  • 用TypeScript开发Vue——如何通过vue实例化对象访问实际ViewModel对象 - 小小沧海

    用TypeScript开发Vue——如何通过vue实例化对象访问实际ViewModel对

    2016-08-12 10:00

网友点评