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

113 阅读 0 评论 75 点赞

我是靠谱客的博主野性花生，最近开发中收集的这篇文章主要介绍小程序中如何实现分享功能（代码示例），觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

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

因为小程序中多个页面都会使用分享，需要我们把分享功能，单独写在一个公用的文件中。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。