微信小程序开发-分享(根据接口返回值分享)

最新推荐文章于 2025-04-09 16:39:56 发布

羽雅子

最新推荐文章于 2025-04-09 16:39:56 发布

阅读量794

点赞数

文章标签：微信小程序

本文链接：https://blog.youkuaiyun.com/xiaoai_911/article/details/119888167

版权

本文介绍了如何在前端使用utils文件夹中的shareCommon.js模块，通过异步操作实现用户分享功能。通过getSharePage方法定制分享内容，包括自定义参数和错误处理。关键点在于调用接口获取分享配置并展示结果或显示错误消息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、在utils中新建shareCommon.js

import { ShareAdd } from "../api/game.js"

function getSharePage(postData) {
  return new Promise((resolve, reject) => {
    ShareAdd(postData).then(res => {   //调用接口部分
      console.log("res", res);
      if (res.code == 0) {
       
        var title = ""  //标题

        return resolve(
          {
            title: title,
            path: '/pages/game/share/index?id=' + res.data.id,
            imageUrl: postData.imageUrl
          }
        )
      } else {
        return resolve({
          message:res.message,
          isErr:true
        })
        console.log(res.message)
      }
    }).catch(e => {
      console.log(e)
    })
  })
}

module.exports = {
  getSharePage: getSharePage,
}

2、微信页面js中引用

var shareCommon = require("../../../utils/shareCommon")

/**
   * 用户分享
   */
  async onShareAppMessage(e) {
    var that = this
    console.log(e)
      var type = e.target.dataset.type
   
        var postData = {}  //传参，自定义自己的参数
        postData.shareType = type 
        postData.gameId = that.data.gameId 
       
        var shareObj = await shareCommon.getSharePage(postData)

        if (shareObj.isErr) {
          Toast(shareObj.message);
        } else {
          return shareObj
        }
      }
  }
})