taro3 实现小程序分享功能（使用本地图片）

如果你也是想用本地图片作为分享背景请按照以下内容操作：

准备工作

需要先在小程序配置页面（index.config.ts）中，配置以下选项：

export default {
  ...
  // 当 `onShareAppMessage` 没有触发时，可以尝试配置此选项
  enableShareAppMessage: true,
  // 当 `onShareTimeline` 没有触发时，可以尝试配置此选项
  enableShareTimeline: true,
}

主要内容

1.将本地图片文件放置在小程序项目的合适位置，例如在项目的 images 文件夹下。
2.在小程序页面（例如 index.ts）中，声明一个变量来保存本地图片的路径。

// 注：路径是小程序打包后的路径，打包后一般是在根目录。如果没有正常显示需要检查图片类型或者图片路径。
const imagePath = '/images/share-image.jpg';

3.在分享功能的代码中，将本地图片的路径作为分享的 imageUrl 属性。

import Taro from '@tarojs/taro';
import { useShareAppMessage } from '@tarojs/taro';
const imagePath = '/images/share-image.jpg';

const Home = () => {
  // 定义分享数据
  const shareData = {
    title: '分享标题',
    imageUrl: imagePath, // 本地图片路径变量
    path: '分享页面的路径'
  };

  // 定义发送给朋友的分享内容
  useShareAppMessage(() => {
    return shareData;
  });
  
  // 定义发送到朋友圈的分享内容
  useShareTimeline(() => {
    return shareData;
  });

  return (
    // 页面内容
  );
}

export default Home;