0
点赞
收藏
分享

微信扫一扫

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)


转发给好友/群

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)_文件路径


【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)_分享到朋友圈_02


在对应页面的 js 文件中,添加如下代码

// 点击右上角转发分享给好友/群
  onShareAppMessage() {
    let detail = this.data.detail
    return {
      title: (detail.slogan || '开始报名啦!—— ') + detail.title,
      path: '/pages/components/party/detail/index?id=' + detail._id
    };
  },

  • title 转发时的标题
  • path 用户点开时访问的路径,可参考范例携带必要的参数,如 id
  • imageUrl 可以配置自定义的图片,支持本地文件路径、代码包文件路径或者网络图片路径,图片格式限PNG或JPG,不传入 imageUrl 则使用默认截图,图片长宽比为 5:4

分享到朋友圈

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)_分享到朋友圈_03

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)_微信小程序_04

在对应页面的 js 文件中,添加如下代码

// 分享到朋友圈 
  onShareTimeline: function () {
    let detail = this.data.detail
    return {
      title: (detail.slogan || '开始报名啦!—— ') + detail.title,
      query: 'id=' + detail._id,
      // 指定朋友圈的配图
      imageUrl: 'https://img-blog.csdnimg.cn/bc9c5b6d21d34d0ba7fec0fb9a035451.png'
    }
  }

  • title 分享到朋友圈的标题
  • query 必要的参数,如 id
  • imageUrl 可以配置自定义的图片,支持本地文件路径、代码包文件路径或者网络图片路径,图片格式限PNG或JPG,不传入 imageUrl 则使用默认截图,图片长宽比为 5:4

注意事项

  • 分享到朋友圈的功能必须在转发给好友/群的基础上添加,即onShareTimeline 要想生效,必须同时配置 onShareAppMessage
  • 分享到朋友圈无法指定用户点开的页面路径,默认即当前页面路径
  • 分享到朋友圈被用户点开后,采用的单页模式打开,有很多限制,详见官网链接——单页模式的限制
  • 范例中,需访问微信云数据库查询活动详情,因单页陌生的 限制,还需进行下述配置
  1. 需开启微信云的未登录用户访问权限
  2. 需在该页面的 js 顶部,初始化微信云

wx.cloud.init({
  env: '需修改为您的微信云环境的 id' 
})

  1. 需将查询的数据库权限,修改为自定义安全规则,支持所有用户可读写

【微信小程序-原生开发】转发给好友/群,分享到朋友圈(含单页模式访问云开发数据库的方法)_文件路径_05

{
  "read": true,
  "write": true,
}


举报

相关推荐

0 条评论