【报Bug】小红书小程序分享微信群里无法自定义标题和图片

分类：uni-app

bug已修复

产品分类： uniapp/小程序/微信

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10

HBuilderX类型：正式

HBuilderX版本号： 4.04

第三方开发者工具版本号： 0.0.0

基础库版本号： 0.0.0

项目创建方式： HBuilderX

示例代码：

<template>  
  <view>  
    测  
  </view>  

</template>  

<script>  

export default {  
  name: "Product",  
  components: {  

  },  
  data() {  
    return {  

    };  
  },  
  onPageScroll(e) {  
  },  

  async onShow() {  

  },  
  onUnload() {  

  },  

  onShareAppMessage() {  
    return {  
      title: '测试',  
      imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png',  
    };  
  },  
  onShareChat() {  

    return {  
      title:  '测试',  
      imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png',  
    };  
  },  
  onShareTimeline() {  
    // 分享到朋友圈  
    return {  
      title:  '测试',  
      imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png',  
    };  
  },  
};  
</script>  

<style lang="scss" scoped>  
@import "./index.scss";  
</style>

操作步骤：

onShareAppMessage() {  
    return {  
      title: '测试',  
      imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png',  
    };  
  },  
  onShareChat() {  

    return {  
      title:  '测试',  
      imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png',  
    };  
  },  
  onShareTimeline() {  
    // 分享到朋友圈  
    return {  
      title:  '测试',  
      imageUrl: 'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app.png',  
    };  
  },

预期结果：

希望onShareChat能够正常自定义图片和标题

实际结果：

无法更改

bug描述：

描述：通过uniapp和vue2开发的小红书小程序，在分享中，onShareChat分享无法自定义标题和图片，和onShareTimeline一样的配置，但onShareTimeline分享朋友圈就可以，onShareChat始终是小程序默认值。
编译后的小红书代码：

2024-09-11 16:54 负责人:无分享

4 个回复

最佳回复

[已删除]

HBuilderX 4.31.2024102414-alpha 已修复。

2***@qq.com

经过测试，更新到4.31.2024102414-alpha 这个bug还是存在的

2024-10-31 17:35

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

更新这是一个临时方案，后续会修复。打开小红书编辑器，打开编译产物 dist/dev/mp-xhs/common/vendor.js

你搜索 'onShareAppMessage', 应该可以找到两个结果，两个都追加一个 'onShareChat'
感谢反馈，我测试发现 onShareChat 方法在模拟器可以正常被调用，可以打印信息，看你提供的 demo，编译之后的源码有而没有缺失信息。你可以尝试编写原生 demo 小红书小程序是否可以正常展示 sharechat 从而判断是 uniapp 还是小红书的问题。

如果你有进展，欢迎回复我或者私信我

h***@baozun.com (作者)

您好，打印和触发确实没有问题是分享到微信群聊不行，通过我的测试，在小红书的演示小程序中可以正常自定义标题和图片，但经过cli新建的uniapp小红书模版项目，没有业务代码的，确实是不行，朋友圈都没有问题，就是分享群聊一直是默认的值。目前看来应该是uniapp的问题，麻烦看看他和分享朋友圈的有什么区别。导致有差异。

2024-09-27 10:14
h***@baozun.com (作者)

通过和小红书的技术沟通得知，onShareChat只要保证在Page里面框架测就可以识别了，目前来看我在他的演示小程序中确实是这样的，但uniapp创建的小程序没有发现，可能是后面编译的问题，麻烦看看编译后是否是在Page下面。

2024-09-27 10:25
DCloud_UNI_OttoJi

回复 h***@baozun.com: 嗯，私聊沟通一下吧，技术沟通的原始内容也发我看看

2024-09-27 10:58
DCloud_UNI_OttoJi

回复 h***@baozun.com: 你好，请按照我说的方案，测试一下。这是一个临时方案，后续会修复。打开小红书编辑器，打开编译产物 dist/dev/mp-xhs/common/vendor.js

你搜索 'onShareAppMessage', 应该可以找到两个结果，两个都追加一个 'onShareChat'

然后再测试一下

2024-09-27 12:06
DCloud_UNI_OttoJi

回复 DCloud_UNI_OttoJi: 如果好了，或者没有好，请告诉我

2024-09-27 12:06
h***@baozun.com (作者)

回复 DCloud_UNI_OttoJi: 通过临时方案可以解决，目前标题和图片可以正常自定义了，感谢大佬。

2024-09-27 14:12
DCloud_UNI_OttoJi

回复 h***@baozun.com: 看置顶评论

2024-10-25 11:17
DCloud_UNI_OttoJi

回复 h***@baozun.com: 有问题再艾特我

2024-10-25 11:17