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

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

转发给好友/群

在对应页面的 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天前
|
编解码 小程序
微信小程序11177版本开启控制台方法
微信小程序11177版本开启控制台方法
|
1天前
|
小程序 JavaScript
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
这篇文章讲解了微信小程序中页面跳转的方法,包括使用按钮点击事件和调用方法实现跳转,以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
|
4天前
|
XML 数据库 数据格式
Spring5入门到实战------14、完全注解开发形式 ----JdbcTemplate操作数据库(增删改查、批量增删改)。具体代码+讲解 【终结篇】
这篇文章是Spring5框架的实战教程的终结篇,介绍了如何使用注解而非XML配置文件来实现JdbcTemplate的数据库操作,包括增删改查和批量操作,通过创建配置类来注入数据库连接池和JdbcTemplate对象,并展示了完全注解开发形式的项目结构和代码实现。
Spring5入门到实战------14、完全注解开发形式 ----JdbcTemplate操作数据库(增删改查、批量增删改)。具体代码+讲解 【终结篇】
|
6天前
|
SQL 存储 Java
完整java开发中JDBC连接数据库代码和步骤
该博客文章详细介绍了使用JDBC连接数据库的完整步骤,包括加载JDBC驱动、提供连接URL、创建数据库连接、执行SQL语句、处理结果以及关闭JDBC对象的过程,并提供了相应的示例代码。
|
14天前
|
缓存 小程序 数据库
小程序页面之间(传值)传递数据的方法
小程序页面之间(传值)传递数据的方法
|
2天前
|
小程序 前端开发 JavaScript
微信小程序结合PWA技术,提供离线访问、后台运行、桌面图标及原生体验,增强应用性能与用户交互。
微信小程序结合PWA技术,提供离线访问、后台运行、桌面图标及原生体验,增强应用性能与用户交互。开发者运用Service Worker等实现资源缓存与实时推送,利用Web App Manifest添加快捷方式至桌面,通过CSS3和JavaScript打造流畅动画与手势操作,需注意兼容性与性能优化,为用户创造更佳体验。
9 0
|
5天前
|
SQL 存储 Java
完整java开发中JDBC连接数据库代码和步骤
该博客文章详细介绍了使用JDBC连接数据库的完整步骤,包括加载JDBC驱动、提供连接URL、创建数据库连接、执行SQL语句、处理结果以及关闭JDBC对象的过程,并提供了相应的示例代码。
|
7天前
|
存储 小程序 JavaScript
|
19天前
|
开发框架 NoSQL 关系型数据库
基于SqlSugar的开发框架循序渐进介绍(27)-- 基于MongoDB的数据库操作整合
基于SqlSugar的开发框架循序渐进介绍(27)-- 基于MongoDB的数据库操作整合