微信小程序onShareAppMessage异步请求接口之后根据请求过来的数据设置return的数据,onShareAppMessage支持异步数据示例

本文介绍了一个使用微信小程序实现自定义分享功能的例子。通过按钮触发分享,并利用Promise处理异步请求来展示分享图片及路径。

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

先看效果:
在这里插入图片描述
直接上代码:

提示: 在开发者工具上貌似真的不行,不过运行在手机上是可以的,亲测

const app = getApp()

Page({
  data: {
    imgUrl:'https://www.xxxx.com/images/xxx.jpg'
  },
  onShareAppMessage(e){
    return new Promise((resolve,reject)=>{
      wx.showLoading({
        title: '正在请求分享数据...',
        icon: 'none'
      })
      setTimeout(()=>{ // 模拟异步请求的动作,1秒之后返回数据
        wx.hideLoading()
        resolve({
          title:'PromiseShareAppMessage',
          path:'/index/index', // 分享出去之后要进入的页面路径
          imageUrl:this.data.imgUrl
        })
      },1000)
    })
  }
})
<view class="box">
  <button open-type="share" style="margin-bottom:500rpx;">分享</button>
  <image src="{{imgUrl}}" mode="aspectFit" style="width:400rpx;height:400rpx;"></image>
</view>
.box {
  margin: 30px;
  text-align: center;
}
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值