小程序: 分享当前页面

如何用小程序分享当前页面

代码

核心代码 open-type="share"

import { ShareOutlined } from '@taroify/icons';
import { Button } from '@tarojs/components';

export const ShareBtn = (props) => {
  return (
    <Button
      open-type="share"
      shape="circle"
      size="large"
      color="warning"
      className="share-btn fixed bottom-0 right-0 z-10 my-6 mr-2 shadow transition-all active:shadow-md"
      {...props}
    >
      <ShareOutlined className="pointer-events-none" size={30} />
    </Button>
  );
};

说明

需要用button按钮，设置open-type="share"，可以分享给好友和群，
分享朋友圈需要设置 onShareTimeline，并且只能通过右上角菜单分享，不能自定义按钮，并且只能分享当前页面

设置页面分享

注意，这个只能在 Page 页面设置，在 component 里封装之后，貌似是不生效的。

import { useShareTimeline, useShareAppMessage } from '@tarojs/taro';
// import { getShareObj } from '@/shared/helpers';

export const getShareObj = () => {
  return { title: '学霸指数测试' };
};

export default function Index() {
  // --- 省略 10000 行代码
  useShareAppMessage(getShareObj);
  useShareTimeline(getShareObj);
  // --- 省略 10000 行代码
}

参考

• https://developers.weixin.qq.com/miniprogram/dev/component/button.html