当前位置:首页站长学院后端开发小程序中如何实现分享功能 (代码示例)
企业营销,就选知企PROSAAS

小程序中如何实现分享功能 (代码示例)

本篇文章给大家带来的内容是关于小程序中如何实现分享功能 (代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

因为小程序中多个页面都会使用分享,需要我们把分享功能,单独写在一个公用的文件中。util.js 文件中。
//分享功能

const shareEvent = (option, obj) => {
  let shareObj = {
    title: obj.title,
    path: obj.path,
    imgUrl: obj.imgUrl,
    success(res){
      // 转发成功之后的回调
    if (res.errMsg == 'shareAppMessage:ok') {}
    }, 
    fail(res){
       // 转发失败之后的回调
    if (res.errMsg == 'shareAppMessage:fail cancel') {
    // 用户取消转发
     } else if (res.errMsg == 'shareAppMessage:fail') {
     // 转发失败,其中 detail message 为详细失败信息
    }
    },
    complete(){
        // 转发结束之后的回调(转发成不成功都会执行)
    }
  };
  if (option.from === 'button') {
    // 来自页面内转发按钮
    console.log(option.target)
  }
  return shareObj;
}

在使用分享的页面中引入util.js

const util = require('./utils/util.js');
/**
用户点击右上角分享
*/
onShareAppMessage: function(option){
    console.log(option);
    let obj = {
      title: '我的老窝',
      path: 'pages/index/index',
      imageUrl: ''
    };
    return util.shareEvent(option, obj);
  }

备注:记得要在调用的时候使用,return。

相关推荐:

微信小程序实现流程进度功能实例分享

小程序开发之分享朋友圈代码实例

分享功能如何获取分享成功或失败的返回值

以上就是小程序中如何实现分享功能 (代码示例)的详细内容,更多请关注知企PROSAAS其它相关文章!

温馨提示:

文章标题:小程序中如何实现分享功能 (代码示例)

文章链接:https://ceshi.prosaas.cn/17074.html

更新时间:2018年09月01日

声明: 本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:973664285@qq.com我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读知企PROSAAS协议

给TA打赏
共{{data.count}}人
人已打赏
后端开发

微信小程序中如何上传图片(代码示例)

2018-8-29 15:36:50

后端开发

微信小游戏中如何实现转发&分享&获取头像&游戏圈四种功能

2018-9-1 11:32:02

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索