一、情景描述

uniapp 小程序开发时，如果没有设置，页面默认是没有好友分享及朋友圈分享功能的，
如果需要分享功能，需要单独添加相关代码进行设置

二、好友分享设置（转发）

1、先在 <script setup> 中引入 onShareAppMessage

示例如下：

<script setup>
import { onShareAppMessage } from '@dcloudio/uni-app'

</script>

2、使用 onShareAppMessage() 设置分享标题及页面打开地址、分享展示图片

示例如下：

<script setup>
// 好友分享配置
onShareAppMessage(() => {
  return {
    title: '要展示的文字',  // 对应图片中的宣传标语
    path: '分享出去的页面的地址', // 携带分享来源参数
    imageUrl: '分享卡片中展示图片的地址'
  }
})

</script>

imageUrl 字段可以设置，也可以不设置，不设置的话默认截取当前页面上面一部分展示内容，作为分享卡片的展示图，
设置了 imageUrl 的话，分享卡片图就是设置的图片

例如，如果分享的是 小程序首页，path 地址为 ：“pages/index/index”，这里的设置就是 ：

<script setup>
// 好友分享配置
onShareAppMessage(() => {
  return {
    title: '**小程序首页描述',  // 对应图片中的宣传标语
    path: '/pages/index/index', // 携带分享来源参数
  }
})

</script>

三、朋友圈分享设置

1、先在 <script setup> 中引入 onShareTimeline

示例如下：

<script setup>
import { onShareTimeline } from '@dcloudio/uni-app'

</script>

2、使用 onShareAppMessage() 设置分享标题及页面参数、分享展示的图片

示例如下：

<script setup>
// 朋友圈分享配置
onShareTimeline(() => {
  return {
    title: '分享出去后展示的描述', // 精简版标题
    query: '参数名1=参数值1&参数名2=参数值2', // 参数传递
    imageUrl: '分享出去后展示图片的地址' // 方形适配朋友圈
  }
})

</script>

imageUrl 字段可以设置，也可以不设置，设置的话建议使用方形图片作为展示图，
设置了 imageUrl 的话，分享卡片图就是设置的图片
不设置的话 ，默认使用小程序 Logo

如果要携带参数，就在 “query” 字段中写，读个多个参数用 “&” 连接，一个参数的话不需要 “&”，没有参数的话不写

分享出去的页面会自动 将该页面地址 + “query” 参数，作为完成页面地址，分享出去作为打开页面地址

例如，如果分享的是 小程序首页，path 地址为 ：“pages/index/index”，这里的设置就是 ：

<script setup>
// 朋友圈分享配置
onShareTimeline(() => {
  return {
    title: '**小程序首页', // 精简版标题
    query: 'from=timeline', // 参数传递
  }
})

</script>

四、注意事项

通过 <web-view :src=“url” /> 标签打开的页面，只能设置好友分享，没有朋友圈分享功能，
设置了 onShareAppMessage 的话，好友分享功能就能用了
但是设置 onShareTimeline 了的话，是无效的，朋友圈分享功能还是不能用

<template>
    <web-view :src="url" />
</template>

需要哪个功能就加上相应代码，两个都需要就将 onShareAppMessage、onShareTimeline 都写上，更多具体用法可以查阅微信官方文档：

微信小程序分享好友功能

微信小程序分享到朋友圈功能