H5页面在微信中的分享,不能自定义按钮,只能通过右上角的按钮分享,所以为了有的时候可以做个用户引导 。

引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):

http://res.wx.qq.com/open/js/jweixin-1.6.0.js

如需进一步提升服务稳定性,当上述资源不可访问时,可改访问:http://res2.wx.qq.com/open/js/jweixin-1.6.0.js (支持https)。

timestamp、appId、nonceStr、signature需要后端提供

wx.config({
  //debug: true, 
  //开启调试模式,调用的所有api的返回值会在客户端alert出来,
  //若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。  
  appId: data.appId, // 必填,公众号的唯一标识  
  timestamp: data.timestamp, // 必填,生成签名的时间戳  
  nonceStr: data.nonceStr, // 必填,生成签名的随机串  
  signature: data.signature,// 必填,签名 
  jsApiList: ["onMenuShareTimeline", "onMenuShareAppMessage"] //必填,需要使用的JS接口列表
  //当前客户端版本是否支持指定JS接口,分享到朋友圈,分享给朋友  
});

wx.ready(function () {//朋友圈  
  wx.onMenuShareTimeline({
  title: '幸运大转盘', // 分享标题  
  desc: '幸运大转盘', // 分享描述  
  link: '...../activity/start?fid=' + openId, // 分享链接  
  imgUrl:' ....../cxkjWeb/wx-cxkjWeb/lotteryGames/images/prize/4.png',
  success: function (res) {
    alert('分享成功');
  },
  cancel: function (res) {
      //alert('已取消');
  },
  fail: function (res) {
    alert(JSON.stringify(res));
  }
 });

//朋友  
wx.onMenuShareAppMessage({
  title: '幸运大转盘', // 分享标题  
  desc: '幸运大转盘', // 分享描述   
  link: '......./activity/start?fid=' + openId, // 分享链接  
  imgUrl: '......./cxkjWeb/wx-cxkjWeb/lotteryGames/images/prize/4.png',
  type: '', // 分享类型,music、video或link,不填默认为link  
  dataUrl: '', // 如果type是music或video,则要提供数据链接,默认为空  
  success: function () {
  
  },
  cancel: function () {
    //用户取消分享后执行的回调函数  
    //alert("取消分享");
    }
  });
});
最后修改日期:2020年5月16日

作者

留言

撰写回覆或留言

发布留言必须填写的电子邮件地址不会公开。