uniapp实现获取后台链接并分享给好友

最新推荐文章于 2025-04-14 17:08:37 发布

小大周

最新推荐文章于 2025-04-14 17:08:37 发布

阅读量277

点赞数 2

文章标签： uni-app

本文链接：https://blog.youkuaiyun.com/weixin_54397440/article/details/137099690

版权

本文介绍了在微信小程序中如何使用uni框架实现分享功能，包括调用后端接口获取分享链接，设置分享标题，并通过uni.share接口进行分享操作。

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

<template>
  <view>
    <!-- 分享按钮 -->
    <button @tap="onShare">分享给好友</button>
  </view>
</template>

<script>
export default {
  methods: {
    // 点击分享按钮时触发
    onShare() {
      // 调用后端接口获取分享链接
      uni.request({
        url: 'https://your-backend-api.com/share-link',
        method: 'GET',
        success: (res) => {
          const shareLink = res.data.link;

          // 调用微信小程序分享接口
          uni.share({
            title: '分享标题',
            path: shareLink, // 分享后跳转的页面路径
            success: function () {
              console.log('分享成功');
            },
            fail: function () {
              console.error('分享失败');
            }
          });
        },
        fail: (err) => {
          console.error('获取分享链接失败', err);
        }
      });
    }
  }
}
</script>