当前位置:   article > 正文

在微信打开H5,点击右上方(三个点)分享到微信好友,设施分享的标题,图片和描述_微信内打开h5使用三个点分享

微信内打开h5使用三个点分享

 

安装 jweixin-module

npm install jweixin-module --save

import jweixin from 'jweixin-module/lib/index.js'

  1. getShareInfo(obj){
  2. let url = window.location.href
  3. api.user.getShareLink({url}).then(res => {
  4. jweixin.config({
  5. debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
  6. appId: res.data.appid, // 必填,公众号的唯一标识
  7. timestamp: res.data.timestamp, // 必填,生成签名的时间戳
  8. nonceStr: res.data.noncestr, // 必填,生成签名的随机串
  9. signature: res.data.signature, // 必填,签名
  10. jsApiList: [
  11. 'updateAppMessageShareData',
  12. 'onMenuShareAppMessage',
  13. 'updateTimelineShareData',
  14. 'onMenuShareTimeline'
  15. ] // 必填,需要使用的JS接口列表
  16. })
  17. console.log(obj,'this.share1')
  18. jweixin.ready(() => {
  19. //配置分享数据
  20. let shareData = {
  21. title: obj.title || document.title, //分享的标题
  22. desc: obj.desc || obj.title, //分享的描述
  23. link: obj.path || window.location.href, //分享的链接
  24. imgUrl: obj.imageUrl || "", //分享的图片链接
  25. success(response) {
  26. //配置成功之后的回调(并不是分享成功之后的回调,这个地方是个坑,要注意下)
  27. },
  28. };
  29. jweixin.updateAppMessageShareData(shareData)
  30. jweixin.onMenuShareAppMessage(shareData)
  31. jweixin.updateTimelineShareData(shareData)
  32. jweixin.onMenuShareTimeline(shareData)
  33. })
  34. })
  35. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/很楠不爱3/article/detail/268058?site
推荐阅读
相关标签
  

闽ICP备14008679号