<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>
h***@baozun.com
- 发布：2024-09-11 16:54
- 更新：2024-10-24 19:52
- 阅读：394
产品分类： uniapp/小程序/微信
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 10
HBuilderX类型： 正式
HBuilderX版本号： 4.04
第三方开发者工具版本号： 0.0.0
基础库版本号： 0.0.0
项目创建方式： HBuilderX
示例代码：
操作步骤：
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',
};
},
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能够正常自定义图片和标题
希望onShareChat能够正常自定义图片和标题
实际结果：
无法更改
无法更改
bug描述：
描述：通过uniapp和vue2开发的小红书小程序，在分享中，onShareChat分享无法自定义标题和图片，和onShareTimeline一样的配置，但onShareTimeline分享朋友圈就可以，onShareChat始终是小程序默认值。
编译后的小红书代码：
最佳回复
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
-
-
回复 h***@baozun.com: 你好，请按照我说的方案，测试一下。这是一个临时方案，后续会修复。打开小红书编辑器，打开编译产物 dist/dev/mp-xhs/common/vendor.js
你搜索 'onShareAppMessage', 应该可以找到两个结果，两个都追加一个 'onShareChat'
然后再测试一下
2024-09-27 12:06
-
-
-
-
h***@baozun.com (作者)
问题已解决。在dist/dev/mp-xhs/common/vendor.js里面搜索 'onShareAppMessage',可以找到两个结果，两个都追加一个 'onShareChat'后就可以自定义标题和图片了。后续等待官方发布新版本修复。
2***@qq.com
经过测试，更新到4.31.2024102414-alpha 这个bug还是存在的
2024-10-31 17:35
2***@qq.com
4.45.2025010702-alpha编译出来的/mp-xhs/common/vendor.js文件中也不带有onShareChat，而且，onShareAppMessage不止2处
2025-01-18 08:58