h5+微信分享

最新推荐文章于 2024-08-21 17:22:33 发布

niersen丶尼尔森

最新推荐文章于 2024-08-21 17:22:33 发布

阅读量463

点赞数

分类专栏：笔记文章标签：分享微信 h5

本文链接：https://blog.csdn.net/Neil_1993/article/details/86222698

版权

本文介绍了如何使用H5技术实现微信平台的社交分享功能，包括配置微信开发者工具，设置分享参数，以及处理不同浏览器和微信内置浏览器的兼容性问题。

摘要由CSDN通过智能技术生成

// 页面初始化预处理
var shares = null;
var sweixin = null;
var buttons = [{
   title: '分享给微信好友',
   extra: {
      scene: 'WXSceneSession'
   }
}, ];
// H5 plus事件处理
function plusReady() { 
   plus.share.getServices(function(s) {
      shares = {};
      for(var i in s) {
         var t = s[i];
         shares[t.id] = t;
      }
      sweixin = shares['weixin'];
   }, function(e) {
      alert(e);
   });
}
if(window.plus) {
   plusReady();
} else {
   document.addEventListener('plusready', plusReady, false);
}
// 写到点击事件里面的方法
var imgpath = WEB_SERVER + '/lddClient/img/logo.jpg';
var msg = {
   type: 'web',
   thumbs: [imgpath],
   href: WEB_SERVER + "/lddClient/html/pages/fillOrder.html?ver=1.4",
   title: "粮多多发货卡",
   content: '来自粮多多农业大数据平台'
};
sweixin ? plus.nativeUI.actionSheet({
   title: '分享发货卡到微信',
   cancel: '取消', 
   buttons: butto