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

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

转发给好友/群

在对应页面的 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

分享到朋友圈

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


  // 分享到朋友圈 
  onShareTimeline: function () {
    let detail = this.data.detail
    return {
      title: (detail.slogan || '开始报名啦!—— ') + detail.title,
      query: 'id=' + detail._id,
      // 指定朋友圈的配图
      imageUrl: 'https://ucc.alicdn.com/images/user-upload-01/bc9c5b6d21d34d0ba7fec0fb9a035451.png'
    }
  }
  • title 分享到朋友圈的标题
  • query 必要的参数,如 id
  • imageUrl 可以配置自定义的图片,支持本地文件路径、代码包文件路径或者网络图片路径,图片格式限PNG或JPG,不传入 imageUrl 则使用默认截图,图片长宽比为 5:4

注意事项

  • 分享到朋友圈的功能必须在转发给好友/群的基础上添加,即onShareTimeline 要想生效,必须同时配置 onShareAppMessage
  • 分享到朋友圈无法指定用户点开的页面路径,默认即当前页面路径
  • 分享到朋友圈被用户点开后,采用的单页模式打开,有很多限制,详见官网链接——单页模式的限制
  • 范例中,需访问微信云数据库查询活动详情,因单页陌生的 限制,还需进行下述配置
  1. 需开启微信云的未登录用户访问权限
  2. 需在该页面的 js 顶部,初始化微信云
wx.cloud.init({
  env: '需修改为您的微信云环境的 id' 
})
  1. 需将查询的数据库权限,修改为自定义安全规则,支持所有用户可读写

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

目录
相关文章
|
4月前
|
关系型数据库 MySQL Java
【YashanDB知识库】原生mysql驱动配置连接崖山数据库
【YashanDB知识库】原生mysql驱动配置连接崖山数据库
【YashanDB知识库】原生mysql驱动配置连接崖山数据库
|
6月前
|
JSON 小程序 数据格式
微信小程序默认的文字内容在左上角怎么办?带你0基础快速了解skyline渲染模式。
本文主要介绍微信小程序开发中遇到的问题及其解决方法。问题通常由微信小程序自带的Skyline渲染模式引起,而非代码编写错误。解决步骤包括:1. 找到全局配置文件app.json;2. 去掉相关配置项;3. 修改后的配置示例。通过这些步骤可以有效解决文字内容顶格或覆盖的问题。文中还提供了进一步了解Skyline渲染模式的链接,帮助开发者深入理解其原理和应用。
649 59
|
9月前
|
小程序 Java
小程序访问java后台失败解决方案
小程序访问java后台失败解决方案
100 2
|
9月前
|
小程序 JavaScript Java
小程序访问java后台
小程序访问java后台
71 1
|
9月前
|
小程序 开发工具
微信小程序云开发的开通
微信小程序云开发的开通
258 0
微信小程序云开发的开通
|
9月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
1397 0
|
11月前
|
存储 运维 小程序
后端开发零负担!揭秘支付宝小程序云开发的高效与安全,你的项目也能飞速上线?
【8月更文挑战第27天】支付宝小程序云开发是由阿里云提供的集成开发环境,助力开发者高效、安全地构建小程序后端服务,免去服务器搭建,显著提高开发效率并降低运维成本。它集成了云函数、云数据库及云存储等功能,便于快速搭建后端逻辑。例如,仅需简单几行代码即可创建HTTP接口或进行数据管理。这使得开发者能更专注于业务逻辑和用户体验优化,同时平台还提供了强大的安全保障措施,确保数据安全和用户隐私。无论对于初创团队还是成熟企业,支付宝小程序云开发都能有效提升产品迭代速度和市场竞争力。
283 1
|
11月前
|
存储 小程序 数据可视化
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
小程序开发问题之使用小程序云服务开发个人相册小程序如何解决
|
11月前
|
Web App开发 缓存 小程序
【Azure API 管理】从微信小程序访问APIM出现200空响应的问题中发现CORS的属性[terminate-unmatched-request]功能
【Azure API 管理】从微信小程序访问APIM出现200空响应的问题中发现CORS的属性[terminate-unmatched-request]功能
122 1
|
11月前
|
小程序 前端开发 开发者

热门文章

最新文章