文档

Appearance

分享能力 ​

版本说明 ​

时间修改人备注
2025-04-23YG初始化文档

说明 ​

  1. 非特殊情况，必须要分享能力；分享标题、描述、分享图必须通过执行确认（项目分享excel）。
  2. 分享给好友 onShareAppMessage 和分享到朋友圈 onShareTimeline，只有定义了此事件处理函数，小程序右上角菜单才会显示“转发”按钮。相关文档

处理方式 ​

1. 全局定义：main.js 中定义 ​

js
import { createSSRApp } from 'vue'  
export function createApp() {  
  const app = createSSRApp(App)  
  app.mixin({  
   
    onShareAppMessage() {

    },  
    onShareTimeline() {  
     
    }  
  })  
  return {  
    app  
  }  
}

2. 页面自定义分享内容： ​

vue
<script setup>
    import { onShareAppMessage, onShareTimeline } from "@dcloudio/uni-app";
    import { nxhSDK } from "@/nxhsdk.module.min";
    
    const store = nxhSDK.useSDKStore();

    // 自定义分享给朋友
    onShareAppMessage(() => {
        return {
            title: `${newsDetailBlock.title}`, // 标题
            desc: `${newsDetailBlock.desc}`, // 描述
            path: `/news/detail/index?did=1&appid=${store.state.app_id}`, // 路径
            imageUrl: newsDetailBlock.cover, // 分享图
        }
    })
    // 自定义分享朋友圈
    onShareTimeline(() => {
        return {
            title: '分享到朋友圈的标题', // 分享标题
            query: { // 路径参数
                id: '12345', // 商品ID或其他标识
                name: '商品名称' // 商品名称或其他信息
            },
            imageUrl: 'https://example.com/share-image.jpg' // 自定义图片链接
        }
    })
</script>