微信小程序分享onShareAppMessage

微信小程序的分享,可能是小程序右上角原生菜单自带的分享按钮,也可能是开发者在页面中放置的分享按钮(<button open-type="share">)。onShareAppMessage详细解释请自行查看文档。

常见的分享一般都是分享小程序或某个物品,当小程序同一个页面需要分享不同的内容时,就需要稍微处理一下。右上角的分享来源是menu,页面内的分享是button,利用这一点,可以将事件区分开,来处理不同的内容。

javascript 复制代码
onShareAppMessage((res) => {
  // 点击按钮触发:分享商品
  if (res.from === 'button') {
    return {
      title: '分享标题',
      imageUrl: '图片url',
      path: '/pages/goods/detail?id=xxx'
    }
  }
  // 右上角菜单触发:分享首页
  return {
    title: '首页默认分享标题',
    imageUrl: '首页分享图url',
    path: '/pages/index/index'
  }
})
相关推荐
2301_773643627 分钟前
ceph镜像
前端·javascript·ceph
程序员黑豆28 分钟前
AI全栈开发之Java:什么是JDK
前端·后端·ai编程
To_OC29 分钟前
万字解析《JS语言精粹》之第四章:函数15大核心精髓(JS灵魂核心)
前端·javascript·代码规范
mqcode39 分钟前
Vue3 + Element Plus + Vite 企业级后台框架搭建全流程
前端
SL-staff41 分钟前
Web 白板技术架构深度解析:从渲染到协作的选型哲学
前端·架构
微扬嘴角44 分钟前
react篇4--setState、LazyLoad和Hooks
前端·javascript·react.js
杨梦馨1 小时前
万级数据表格卡死?Web Worker 一招搞定
前端·javascript·vue.js
阿明在折腾1 小时前
从Canvas到AI模型:我在线工具站里的图片处理实战
前端·后端
CainChen1 小时前
Chrome 远程调试 Android 卡在 Pending authentication 的解决办法
前端
杨运交1 小时前
[030][Web模块]Spring Boot 验证与 OpenAPI 集成实战:从校验规则到文档生成
前端·spring boot·python