当前位置:   article > 正文

微信小程序分享、转发朋友、分享朋友圈使用整理_朋友圈发信息程序代码

朋友圈发信息程序代码
一、微信小程序分享监听 Page.onShareAppMesssage()

onShareAppMessage(Object object)

监听用户点击页面内转发按钮(button 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。

注意:只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮

参数 Object object:

参数类型说明最低版本
fromString转发事件来源。
button:页面内转发按钮;
menu:右上角转发菜单
1.2.4
targetObject如果 from 值是 button,则 target 是触发这次转发事件的 button,否则为 undefined1.2.4
webViewUrlString页面中包含web-view组件时,返回当前web-view的url1.6.4

事件处理函数需要 return 一个 Object,用于自定义转发内容,返回内容如下:

自定义转发内容 基础库 2.8.1 起,分享图支持云图片。

字段说明默认值最低版本
title转发标题当前小程序名称
path转发路径当前页面 path ,必须是以 / 开头的完整路径
imageUrl自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4使用默认截图1.5.0
promise如果该参数存在,则以 resolve 结果为准,如果三秒内不 resolve,分享会使用上面传入的默认参数

使用案例1:

  1. /**
  2. * 用户点击右上角分享
  3. */
  4. onShareAppMessage: function () {
  5. var config = this.data.config;
  6. var url = ''
  7. if (account.isLogin()) {
  8. var user = account.getUserInfo()
  9. url = 'pages/index/index?userid=' + user.id
  10. } else {
  11. url = 'pages/index/index'
  12. }
  13. return {
  14. title: config.shareTitle,
  15. imageUrl: (config.shareImg ? this.data.domain + config.shareImg : ''),
  16. path: url
  17. };
  18. },

使用案例2:

  1. Page({
  2. onShareAppMessage() {
  3. const promise = new Promise(resolve => {
  4. setTimeout(() => {
  5. resolve({
  6. title: '自定义转发标题'
  7. })
  8. }, 2000)
  9. })
  10. return {
  11. title: '自定义转发标题',
  12. path: '/page/user?id=123',
  13. promise
  14. }
  15. }
  16. })

二、微信小程序分享朋友圈监听  Page.onShareTimeline()

onShareTimeline()

监听右上角菜单“分享到朋友圈”按钮的行为,并自定义分享内容。

注意:只有定义了此事件处理函数,右上角菜单才会显示“分享到朋友圈”按钮

自定义转发内容

事件处理函数返回一个 Object,用于自定义分享内容,不支持自定义页面路径,返回内容如下:

字段说明默认值最低版本
title自定义标题,即朋友圈列表页上显示的标题当前小程序名称
query自定义页面路径中携带的参数,如 path?a=1&b=2 的 “?” 后面部分当前页面路径携带的参数
imageUrl自定义图片路径,可以是本地文件或者网络图片。支持 PNG 及 JPG,显示图片长宽比是 1:1

 完整使用案例:

  1. /**
  2. * 用户点击右上角分享
  3. */
  4. onShareAppMessage: function () {
  5. var config = this.data.config;
  6. var url = ''
  7. if (account.isLogin()) {
  8. var user = account.getUserInfo()
  9. url = 'pages/index/index?userid=' + user.id
  10. } else {
  11. url = 'pages/index/index'
  12. }
  13. return {
  14. title: config.shareTitle,
  15. imageUrl: (config.shareImg ? this.data.domain + config.shareImg : ''),
  16. path: url
  17. };
  18. },
  19. onShareTimeline: function () {
  20. //处理分享朋友圈
  21. var data = this.onShareAppMessage();
  22. if (data.path) {
  23. data.query = data.path.substring(data.path.lastIndexOf('?') + 1);
  24. }
  25. return data;
  26. }

更多:

 微信小程序如何隐藏右上角分享按钮

 微信小程序如何转发给朋友?

微信小程序去除默认滚动条展示

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

闽ICP备14008679号