美文网首页
微信h5分享注意事项

微信h5分享注意事项

作者: hsqin | 来源:发表于2020-12-17 14:54 被阅读0次
微信h5分享注意事项
  • 分享的地址,url 必须是js安全域名下的
  • 分享的图片,url在js安全域名下,且大小不能超过32kb(真实案例:图片大小130kb时,vivo手机,微信7.0.20,sdk1.6.0,偶尔出现了“发送给朋友”无反应
  • 先wx.config
  • 再wx.ready中设置分享内容
wx.config({
  debug: ifOpenDebug || false, //不开启,否则在微信中一直弹出config 结果
  appId: _wxDataConfig.appId,
  timestamp: _wxDataConfig.timestamp,
  nonceStr: _wxDataConfig.nonceStr,
  signature: _wxDataConfig.signature,
  jsApiList: ['onMenuShareAppMessage','onMenuShareTimeline','其他api']
});
wx.ready(function () {
  wx.onMenuShareAppMessage({
      title: shareTitle,
      desc: shareDesc,
      link: shareUrl,
      imgUrl: shareImg
    });

    //分享到朋友圈
    wx.onMenuShareTimeline({
      title: shareTitle,
      desc: shareDesc,
      link: shareUrl,
      imgUrl: shareImg
    });
  
})

/**
* 虽然官方推荐使用下面两个新的分享api,但是经测试,发现新的api无效。所以,还是使用onMenuShareAppMessage和onMenuShareTimeline吧
* updateAppMessageShareData --- wx-js-sdk 1.4.0 “分享给朋友”及“分享到QQ”
* updateTimelineShareData --- wx-js-sdk 1.4.0 “分享到朋友圈”及“分享到QQ空间”
*/

相关文章

  • 微信h5分享注意事项

    微信h5分享注意事项 分享的地址,url 必须是js安全域名下的 分享的图片,url在js安全域名下,且大小不能超...

  • 微信h5页面 ios wx.chooseImage无效

    具体流程:vue项目,几个微信h5页面,A页面(隐藏了微信分享)跳转到B页面(隐藏了微信分享),使用 a链接跳转 ...

  • html5仿微信界面|h5仿微信聊天实战项目

    html5+css3高仿微信聊天|h5仿微信界面|仿微信朋友圈|仿微信红包|h5仿微信支付键盘|h5仿微信群聊 近...

  • 2020开发H5还能赚钱吗?

    H5:简单、简约、好看、兼价 H5=HTML5? H5=微信网页? H5在国内火于微信,16年微信H5非常火,过了...

  • 微信小程序跳转

    最近整理了下微信官方提供的微信小程序与小程序、h5、公众号、app应用的跳转实现方式及一些规则注意事项 小程序-》...

  • 这几条微信营销的常见注意事项与问题,你中了吗?

    这几条微信营销的常见注意事项与问题,你中了吗? 大家好,今天我给大家分享微信营销的注意事项与问题。 1,...

  • 介绍

    什么场景下使用微信分享 线下推广、线上传播 分享渠道:H5、小程序、App 分享方式:微信好友、朋友圈、QQ好友、...

  • 小程序开发注意事项

    小程序开发注意事项 小程序分享 微信小程序的分享只能分享到朋友 不能分享到朋友圈 微信小程序的分享可以指定分享页面...

  • 微信H5页面分享失败问题

    遇到的问题:微信H5分享到QQ成功、分享到朋友圈、好友是一个链接 具体问题:在微信聊天界面使用链接打开写好的H5页...

  • uniapp中针对H5端做微信分享功能总结

    H5端做微信分享,需要用到微信的jssdk[https://developers.weixin.qq.com/do...

网友评论

      本文标题:微信h5分享注意事项

      本文链接:https://www.haomeiwen.com/subject/lndzgktx.html