来咯来咯 今天的封面作者是这位

小票机分享完了 今天分享下关于微信小程序可以分享到朋友圈这个小功能 早前开发的时候 iOS印象里是没法做到的 哪怕是奇奇怪怪的方法 直接能分享到朋友圈的 好像也没有 安卓当时倒是可以 而且实现得还蛮优雅 现在官方文档已经可以有实现的办法了 几行代码就能搞完 😃
官方说明是这样的

首先在需要分享的页面js里 先加入分享的方法
//小程序分享 onShareAppMessage() { const promise = new Promise(resolve => { setTimeout(() => { resolve({ title: '欢迎进入xxxx' }) }, 500) }) return { title: '欢迎进入xxxx', path: '/pages/inde/index', promise } },
如果只是需要分享当前的页面 有这个方法就ok 如果需要能把当前这个页面一并分享到朋友圈 还需要单独加入下面的方法

onShareTimeline() { const promise = new Promise(resolve => { setTimeout(() => { resolve({ title: '自定义转发标题' }) }, 2000) }) return { title: '自定义转发标题', query: 'id=123', imageUrl: '/images/share.png', promise } }
实现完上面2个方法后 可以在点击右上角的胶囊按钮时[右上角那3个小黑点] 发送给朋友 和 分享到朋友圈 2个功能会同时点亮

点击分享到朋友圈之后 就和平常分享文章到朋友圈的形式一样[如果定义了方法里的图片和标题 这里会相应显示]

程序会单独实现一个单页面 这个单页面和准备分享到朋友圈的页面样式是一样的 只是在最下方会单独形成一个view 左边为小程序的logo图标 右边会有 前往小程序 的按钮 类似这样

标题和自定义图片 包括页面路径和携带参数 在方法里相应加入 就ok了 相比之前的扫码 短链接 口令 又多了一个分享小程序的办法 有需求的可以复制代码上手试一试 对了 忘记贴官方文档了 这个文档里有单独介绍 单页模式 和 页面适配等情况 可以进入详细了解
https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share-timeline.html
保持好奇 不断进步 下期见~