微信小程序“分享、转发”功能
1、页内自定义分享
2、页面右上角“…”分享行为

当页面js上没有添加事件“onShareAppMessage”,右上角‘…’不会出现“转发”事件。
如果有事件,但是没有定义事件内容的话,转发的卡片则是当前页面的截屏信息。

1)使用默认页面右上角“…”分享事件

Page({onShareAppMessage: function (res) {return {title: '这是默认转发',path: '/pages/index/index?id=123',imageUrl: '****.png'//这个是分享的图片}}
})

2)当页面上存在自定义“分享”按钮

    <!--index.wxml页面--><button class="share_icon" open-type = "share">自定义分享按钮</button>
/*index.js*/
Page({onShareAppMessage: function (res) {let title,imageUrl;if (res.from === 'button') {// 来自页面内转发按钮title= ‘这个是页面自定义的分享事件~’;imageUrl='***.png';}if(res.from ==='menu'){title= ‘这个是页面右上角的分享事件~’;imageUrl='***.png';}return {title: title,imageUrl: imageUrl,//这个是分享的图片path: '/page/user?id=123',}}
})

3)当页面上存在多个自定义分享按钮

    <button open-type='share' id="share1">这个第一个分享按钮</button><button open-type='share' id="share2">这个第一个分享按钮</button>
/*index.js*/
Page({onShareAppMessage: function (res) {let title,imageUrl;console.log(res.target);if (res.from === 'button' && res.target.id == 'share1') {title= ‘这个是页面自定义分享按钮share1的分享事件~’;imageUrl='***.png';}if (res.from === 'button' && res.target.id == 'share2') {title= ‘这个是页面自定义分享按钮share2的分享事件~’;imageUrl='***.png';}if(res.from ==='menu'){title= ‘这个是页面右上角的分享事件~’;imageUrl='***.png';}return {title: title,imageUrl: imageUrl,//这个是分享的图片path: '/page/user?id=123',}}
})

微信小程序 “分享、转发”事件相关推荐

  1. 支付宝小程序分享转发

    最近公司在做一系列支付宝小程序,其中分享拉新显然是很重要的一环,我们对分享的期望是每次分享的背景图都带有用户独特标识并且图片中多处位置每人每天都不相同, 为了完成这个需求对支付宝小程序的分享进行了一些 ...

  2. 微信小程序实现转发分享功能(好友朋友圈)

    微信小程序分享 微信小程序已经支持分享到好友和朋友圈功能(安卓),用户在朋友圈打开分享的小程序页面,并不会真正的打开小程序,而是进入一个"小程序单页面模式"的页面: 微信小程序文档 ...

  3. 微信小程序分享功能开发及调试方法

    首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...

  4. 微信小程序分享到好友或朋友圈

    微信小程序分享到好友或朋友圈 : onShareAppMessage(object) 1) wxml: open-type="" : 微信开放能力 share:出发用户转发 js: ...

  5. 解决 ios 微信小程序分享到朋友圈 禁用问题

    微信小程序分享到朋友圈 显示当前页面的转发按钮 显示当前页面的转发按钮 wx.showShareMenu 配置当前页面的转发按钮. onLoad(){wx.showShareMenu({withSha ...

  6. 微信小程序分享朋友圈官方支持哪些方面(最新版本)

    微信小程序分享朋友圈官方支持哪些方面? 1.微信小程序分享朋友圈支持单页模式,具体单页模式的详细说明可参考官方文档,文档链接为:微信小程序单页模式 2. 微信小程序分享朋友圈如果是自定义页面路径的话, ...

  7. 微信小程序分享功能imageUrl带随机分享图片

    //此为微信小程序分享 onShareAppMessage: function(options) { //先写一个数组, var shareimg =[ "https://desk-fd.z ...

  8. PHP+微信小程序分享获取群ID

    PHP+微信小程序分享获取群ID 前言 需求说明 代码 总结 前言 时间2018年10月,吐槽下微信小程序,因为一些原因说不能在分享到群的时候获取群id,但是我在开发的时候明显说可以获取的(体验版), ...

  9. 微信小程序分享朋友圈功能

    微信小程序分享到朋友圈的功能,终于实现了!但是只能是点击右上角菜单方式分享!话不多说 直接上代码! js Page({onLoad: function (options) {if(options.in ...

最新文章

  1. HDU2642(二维的树状数组)
  2. 趣谈网络协议笔记-零
  3. AJAX+JQUERRY实现分页
  4. 男士剧烈运动后应注意
  5. Python __dict__和vars()
  6. 部署RocketMQ的管理工具
  7. bt5重启网卡命令_BackTrack 5 简单网络配置命令
  8. Windows 消息ID及定义大全
  9. MySQL-回表查询与索引覆盖
  10. 火狐firefox插件配合scrapy,注意tbody会导致empty
  11. MTK:UART串口收发数据
  12. 阅读札记:创新与思维范式
  13. ant Design Vue2.0+vite+vue3+typescript+node后台项目实现使用upload一个表单上传多个图片
  14. 重标极差分析法matlab,重标极差(RS)分析法估计Hurst指数的有效性检验.doc
  15. Android Camera 测光梳理
  16. Tmux常用命令小结(超全够用)
  17. 前置授权类资质:许可证牌照
  18. Linux Shell中判断进程是否存在的代码
  19. 关于recvfrom接收超时
  20. 网速提升: 百度、阿里、114与运营商的DNS怎么选?

热门文章

  1. access memo 编码格式_Java格式工厂(一)——什么是二进制文件?
  2. java txt文件转pdf_java txt转化pdf格式出错
  3. UDP实现的群聊软件-源码
  4. 联想Thinkbook15P+Ubuntu18.04安装nvidia显卡驱动
  5. 数据库基础面试题-中级32道
  6. yolov系列-yolov1-论文详解
  7. 不错的Python社区
  8. 作为互联网创业城市的杭州
  9. 呼叫中心系统的应用与价值
  10. VPS2104 小功率反激电源控制器 4-100VIN/120V/4A 功率管