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

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

转发给好友/群

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

目录
相关文章
|
6月前
|
Web App开发 移动开发 小程序
公众号小程序H5网页像素流送UE5模型的方法分享
本文探讨了如何通过像素流送技术在小程序、公众号等平台展示复杂的3D模型(如UE5引擎开发的楼盘模型、数字孪生展厅)。该技术将GPU和CPU算力需求转移到服务器端,使用户侧无需高性能硬件即可流畅体验。通过Webrtc实现实时云渲染,确保毫秒级响应,且兼容多种浏览器。使用点量云流等产品级软件,老项目只需重新打包为EXE格式,即可轻松嵌入H5网页、小程序或公众号中,支持Unity、WebGL等多种3D应用及传统CAD模型。
177 1
|
12月前
|
小程序
小程序消除图片下边距的三个方法
小程序消除图片下边距的三个方法
217 69
|
小程序 JavaScript
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
这篇文章讲解了微信小程序中页面跳转的方法,包括使用按钮点击事件和调用方法实现跳转,以及推荐使用`this.pageRouter.navigateTo`代替`wx.navigateTo`的方式。
微信小程序中的页面跳转(通过点击按钮、调用方法的形式)
|
小程序 安全
Fiddler抓取小程序后端请求导入AppScan扫描快捷方法
【8月更文挑战第26天】这是一种利用 Fiddler 捕获小程序后端请求并导入 AppScan 进行安全扫描的方法。首先安装配置 Fiddler 并设置手机代理,通过 Fiddler 捕获请求;接着导出这些请求为 .saz 文件,并在 AppScan 中导入此文件,配置扫描参数后启动扫描以检测安全漏洞。操作时需确保有合法授权并遵循相关法规。尽管不同版本软件操作细节可能有所不同,但整体流程类似。
506 1
|
Web App开发 缓存 小程序
【Azure API 管理】从微信小程序访问APIM出现200空响应的问题中发现CORS的属性[terminate-unmatched-request]功能
【Azure API 管理】从微信小程序访问APIM出现200空响应的问题中发现CORS的属性[terminate-unmatched-request]功能
137 1
|
小程序 JavaScript API
小程序实现分享的三种方法
【8月更文挑战第20天】
|
小程序 前端开发 JavaScript
微信小程序结合PWA技术,提供离线访问、后台运行、桌面图标及原生体验,增强应用性能与用户交互。
微信小程序结合PWA技术,提供离线访问、后台运行、桌面图标及原生体验,增强应用性能与用户交互。开发者运用Service Worker等实现资源缓存与实时推送,利用Web App Manifest添加快捷方式至桌面,通过CSS3和JavaScript打造流畅动画与手势操作,需注意兼容性与性能优化,为用户创造更佳体验。
469 0
|
3月前
|
人工智能 运维 关系型数据库
数据库运维:mysql 数据库迁移方法-mysqldump
本文介绍了MySQL数据库迁移的方法与技巧,重点探讨了数据量大小对迁移方式的影响。对于10GB以下的小型数据库,推荐使用mysqldump进行逻辑导出和source导入;10GB以上可考虑mydumper与myloader工具;100GB以上则建议物理迁移。文中还提供了统计数据库及表空间大小的SQL语句,并讲解了如何使用mysqldump导出存储过程、函数和数据结构。通过结合实际应用场景选择合适的工具与方法,可实现高效的数据迁移。
561 1
|
4月前
|
负载均衡 算法 关系型数据库
大数据大厂之MySQL数据库课程设计:揭秘MySQL集群架构负载均衡核心算法:从理论到Java代码实战,让你的数据库性能飙升!
本文聚焦 MySQL 集群架构中的负载均衡算法,阐述其重要性。详细介绍轮询、加权轮询、最少连接、加权最少连接、随机、源地址哈希等常用算法,分析各自优缺点及适用场景。并提供 Java 语言代码实现示例,助力直观理解。文章结构清晰,语言通俗易懂,对理解和应用负载均衡算法具有实用价值和参考价值。
大数据大厂之MySQL数据库课程设计:揭秘MySQL集群架构负载均衡核心算法:从理论到Java代码实战,让你的数据库性能飙升!

热门文章

最新文章