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

编程猪猪侠

已于 2024-12-15 23:03:58 修改

阅读量1.8k

点赞数 4

CC 4.0 BY-SA版权

分类专栏：微信小程序文章标签： taro 小程序

于 2024-05-10 21:33:43 首次发布

本文链接：https://blog.csdn.net/a3212768093/article/details/138682304

微信小程序专栏收录该内容

11 篇文章

订阅专栏

要实现小程序分享到朋友圈，首先要在需要分享的页面的文件夹下的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标签即可

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