taro实现小程序分享到朋友圈等细节问题

要实现小程序分享到朋友圈，首先要在需要分享的页面的文件夹下的index.config.ts中开启权限

export default {
  navigationBarTitleText: '页面标题',
  enableShareTimeline: true,
  enableShareAppMessage: true,
};

其次引入我们需要使用的hooks

  import Taro, {
    useLoad,
    useShareAppMessage,
    useShareTimeline,
  } from '@tarojs/taro';

在useLoad生命周期中开启分享功能，以及如何判断这个页面是从朋友圈点击进入还是在小程序内部进入。

scene值参考文档

微信开放文档

  useLoad(async () => {
    //获取进入页面参数 scene为1154===朋友圈进入
    const data = Taro.getLaunchOptionsSync();
    type.value = data?.scene === 1154;
    //开启分享
    Taro.showShareMenu({
      withShareTicket: true,
    });

}

实现分享到朋友圈 部分需要分享的页面在进入的时候需要携带参数 那么就在return的path中拼接上所需要的参数，可以理解为，用户点击进来的传参就是你现在所拼接的参数

  useShareTimeline(() => {
    return {
      title: '朋友圈显示的标题',
      path: '从朋友圈点击要跳转的路径-当前文件夹路径?参数',
      imageUrl:'需要动态定义的图像'
    };
  });
  
  //写在script标签即可

本文记录了我在开发过程遇到的问题，有疑问请补充