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

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

转发给好友/群

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

目录
相关文章
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
3305 7
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
3089 1
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么?
微信小程序的开发完整流程是什么?
2258 7
ly~
|
存储 供应链 小程序
除了微信小程序,PHP 还可以用于开发哪些类型的小程序?
除了微信小程序,PHP 还可用于开发多种类型的小程序,包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域,PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时,在企业内部,PHP 可提升工作效率,实现审批流程、文件共享、生产计划等功能;在医疗和教育等行业,PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
362 6
|
10月前
|
人工智能 自然语言处理 小程序
技术小白如何利用DeepSeek半小时开发微信小程序?
通过通义灵码的“AI程序员”功能,即使没有编程基础也能轻松创建小程序或网页。借助DeepSeek V3和R1满血版模型,用户只需用自然语言描述需求,就能自动生成代码并优化程序。例如,一个文科生仅通过描述需求就成功开发了一款记录日常活动的微信小程序。此外,通义灵码还提供智能问答模式,帮助用户解决开发中的各种问题,极大简化了开发流程,让普通人的开发体验更加顺畅。
2957 11
技术小白如何利用DeepSeek半小时开发微信小程序?
|
9月前
|
小程序 Java 关系型数据库
weixin163基于微信小程序的校园二手交易平台系统设计与开发ssm(文档+源码)_kaic
本文介绍了一款基于微信小程序的校园二手物品交易平台的开发与实现。该平台采用Java语言开发服务端,使用MySQL数据库进行数据存储,前端以微信小程序为载体,支持管理员和学生两种角色操作。管理员可管理用户、商品分类及信息、交易记录等,而学生则能注册登录、发布购买商品、参与交流论坛等。系统设计注重交互性和安全性,通过SSM框架优化开发流程,确保高效稳定运行,满足用户便捷交易的需求,推动校园资源共享与循环利用。
|
9月前
|
小程序 关系型数据库 Java
weixin168“返家乡”高校暑期社会实践微信小程序设计与开发ssm(文档+源码)_kaic
本文探讨高校暑期社会实践微信小程序的开发与应用,旨在通过信息化手段提升活动管理效率。借助微信小程序技术、SSM框架及MySQL数据库,实现信息共享、流程规范和操作便捷。系统涵盖需求分析、可行性研究、设计实现等环节,确保技术可行、操作简便且经济合理。最终,该小程序可优化活动发布、学生信息管理和心得交流等功能,降低管理成本并提高工作效率。
|
10月前
|
小程序 JavaScript 前端开发
微信小程序开发全流程:从注册到上线的完整指南
这篇文章详细记录了微信小程序的完整开发到最终上线的每一个步骤。适合对小程序开发感兴趣的个人开发者或希望了解完整流程的学习者,涵盖了云开发、事件绑定、生命周期管理、组件使用等关键内容。
7275 12
|
10月前
|
Web App开发 移动开发 小程序
公众号小程序H5网页像素流送UE5模型的方法分享
本文探讨了如何通过像素流送技术在小程序、公众号等平台展示复杂的3D模型(如UE5引擎开发的楼盘模型、数字孪生展厅)。该技术将GPU和CPU算力需求转移到服务器端,使用户侧无需高性能硬件即可流畅体验。通过Webrtc实现实时云渲染,确保毫秒级响应,且兼容多种浏览器。使用点量云流等产品级软件,老项目只需重新打包为EXE格式,即可轻松嵌入H5网页、小程序或公众号中,支持Unity、WebGL等多种3D应用及传统CAD模型。
323 1
|
11月前
|
JSON 缓存 小程序
微信小程序组件封装与复用:提升开发效率
本文深入探讨了微信小程序的组件封装与复用,涵盖组件的意义、创建步骤、属性与事件处理,并通过自定义弹窗组件的案例详细说明。组件封装能提高代码复用性、开发效率和可维护性,确保UI一致性。掌握这些技能有助于构建更高质量的小程序。

热门文章

最新文章