小程序自定义按钮在页面上分享朋友圈功能不生效？？？请问可以实现这种方式吗？？（uniapp）？

Question

小程序自定义按钮在页面上分享朋友圈功能不生效？？？请问可以实现这种方式吗？？（uniapp）？

新手上路，请多包涵

小程序自定义按钮在页面上分享朋友圈功能不生效？？？请问可以实现这种方式吗？？（uniapp）

<button open-type="share" class="botpic">
        <image :src="getIcon('app/sharePage-wx.png')"></image>
        <text>微信好友</text>
</button>
            
<button open-type="share" class="botpic">
        <image :src="getIcon('app/sharePage-pengyou.png')"></image>
        <text>分享朋友圈</text>
</button>

分享朋友圈 open-type="share-timeline" 和 open-type="share"都试过了，点击了无反应

    onShareAppMessage(res) {
        return {
            title: '无忧**',
            path: `pages/index/index?shopid=${this.userInfo.customerStoreId}&referrer=${this.userInfo.customerUserId}`
        }
    },
    // 分享到朋友圈
     onShareTimeline() {
          return {
            title: '无忧**',
            imageUrl: '',
            query: 'pages/index/index?shopid=${this.userInfo.customerStoreId}&referrer=${this.userInfo.customerUserId}',
          };
        },

分享好友可以实现，分享朋友圈不能调用

微信小程序 uniapp vue.js

阅读 587

AI BotBETA

答案：

在uni-app中，自定义按钮直接用于触发分享朋友圈的功能确实存在一些限制，并且不是所有小程序平台都支持通过按钮直接触发分享朋友圈的操作。以下是一些关键点：

微信小程序的限制：微信小程序不支持通过<button open-type="share">直接触发分享朋友圈的操作。open-type="share"仅用于触发分享给好友的功能。而分享朋友圈应该使用open-type="shareTimeline"，但此属性仅支持在某些特定的页面（如文章详情页）自动触发分享面板，而不是通过按钮点击事件。
正确的实现方式：对于分享朋友圈，微信小程序官方推荐使用右上角的菜单按钮中的“分享到朋友圈”功能，而不是通过页面上的按钮直接触发。开发者可以通过调用wx.showShareMenu来配置分享菜单，并在onShareTimeline中定义分享的内容。但用户需要通过右上角的菜单手动触发分享。
uni-app的实现：在uni-app中，你应该确保已经正确配置了manifest.json中的mp-weixin部分，允许分享，并且已经在页面的onShareTimeline方法中返回了正确的分享信息。但是，请注意，用户仍然需要通过微信小程序的内置分享菜单来触发分享到朋友圈的操作。
测试与调试：确保你的小程序已经在微信开发者工具中进行了真机调试，并且已经预览或发布到了体验版或正式版中，因为某些分享功能在模拟器中可能无法正常工作。