uni-app 安卓端使用 uni.share 分享小程序到朋友圈却跳转到了好友窗口

发布于 1周前 作者 phonegap100 来自 Uni-App

uni-app 安卓端使用 uni.share 分享小程序到朋友圈却跳转到了好友窗口

如题,在ios app上分享微信小程序卡片到朋友圈是可以分享的。

但是在安卓 app上 点分享朋友圈是跳转到好友窗口

请问下 安卓是不能分享微信小程序卡片到朋友圈吗?

1 回复

在 uni-app 中,通过 uni.share 分享功能直接分享小程序到朋友圈并不是直接支持的功能。uni.share 通常用于分享到微信好友、微信群等,而分享到朋友圈这一行为涉及到微信的特殊接口和策略,通常需要通过特定的开放标签或微信小程序的特定功能来实现。

不过,微信小程序官方确实提供了分享到朋友圈的功能,但需要通过 <official-account> 组件以及一系列配置来实现。以下是一个简化的代码示例,演示如何通过配置和使用 <official-account> 组件来实现分享到朋友圈的功能(注意,这需要小程序已经绑定了公众号,并且公众号已经认证):

  1. 配置 app.json

首先,在小程序的 app.json 中添加 pagePathwindow 配置,确保页面可以被正确分享:

{
  "pages": [
    "pages/index/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "shareTimeline": {
    "title": "分享标题",
    "query": "page=index&foo=bar",
    "imageUrl": "/images/share.png"
  }
}
  1. 使用 <official-account> 组件

在你的分享页面中,使用 <official-account> 组件来触发分享到朋友圈的行为。注意,这个组件通常放置在用户点击触发分享的地方,比如一个按钮内:

<template>
  <view>
    <button open-type="share">分享给朋友</button>
    <official-account binderror="onError" bindload="onLoad"></official-account>
    <button @click="shareToTimeline">分享到朋友圈</button>
  </view>
</template>

<script>
export default {
  methods: {
    shareToTimeline() {
      wx.showShareTimeline({
        title: '自定义分享标题',
        query: 'page=index&foo=bar',
        imageUrl: '/images/share.png',
        success(res) {
          console.log('分享成功', res);
        },
        fail(err) {
          console.error('分享失败', err);
        }
      });
    },
    onLoad() {
      console.log('官方帐号组件加载成功');
    },
    onError(err) {
      console.error('官方帐号组件加载失败', err);
    }
  }
}
</script>

注意

  • shareTimeline API 需要在 app.json 中配置 shareTimeline 选项。
  • <official-account> 组件的加载和错误处理可以根据需要自定义。
  • 直接从 uni.share 跳转到朋友圈是不支持的,上述方法是通过微信小程序的官方 API 来实现的。

希望这个示例能帮助你理解如何在 uni-app 中实现分享到朋友圈的功能。

回到顶部