Skip to content

分享内容设置

功能介绍

分享内容设置统一在后台管理,前端会根据页面路由进行调用

页面路径列表

页面路径列表中,设置固定页面的分享内容

微页面列表

微页面列表中,只有页面类型为:微页面的才能设置分享

useShare.ts

uni-app手机端框架封装的useShare.ts分享hooks

如需了解分享内容设置的核心原理,开发者可以自行阅读

文件位置:uni-app/src/hooks/useShare.ts

框架已经封装好了,默认在访问页面,跳转页面时,会自动调用分享设置,不需要每个页面重复调用 如需手动调用分享,指定分享内容,可以调用以下代码:

typescript
import { useShare } from '@/hooks/useShare'

const { setShare } = useShare()

let share = {
    title: '', // 分享标题
    desc: '', // 分享描述
    url: '' // 分享图片地址
}
setShare({
    wechat: {
        ...share
    },
    weapp: {
        ...share
    }
});

基于 MIT 协议发布