小程序分享朋友圈教程,怎么分享小程序到朋友圈

首页 > 实用技巧 > 作者:YD1662023-05-29 04:01:24

早在2020年7月7日微信小程序低调的开放了一个功能,微信小程序“分享到朋友圈”。最近被产品提了相关需求,过程中遇到了一些坑。作者带着踩坑经验,给大家介绍下这个功能,以及其如何实现。

概述

点击右上角分享朋友圈

小程序分享朋友圈教程,怎么分享小程序到朋友圈(1)

分享到朋友圈样式

小程序分享朋友圈教程,怎么分享小程序到朋友圈(2)

朋友圈打开样式

小程序分享朋友圈教程,怎么分享小程序到朋友圈(3)

​ 这个功能目前只支持Android(在IOS高版本微信支持朋友圈打开小程序能力,但不能分享)。

​ 用户打开朋友圈分享的小程序,看到不是真正的小程序,而是原本页面的“单页模式”。

什么是“单页模式”?

以下是微信官方对于“单页模式”的描述:

​ “单页模式”下,页面顶部固定有导航栏,标题显示为当前页面 JSON 配置的标题。底部固定有操作栏,点击操作栏的“前往小程序”可打开小程序的当前页面。顶部导航栏与底部操作栏均不支持自定义样式。

​ “单页模式”默认运行的是小程序页面内容,但由于页面固定有顶部导航栏与底部操作栏,很可能会影响小程序页面的布局。因此,请开发者特别注意适配“单页模式”的页面交互,以实现流畅完整的交互体验。

限制

​ 另外,“单页模式”存在着很多限制。以下是官方给出的禁用能力列表:

小程序分享朋友圈教程,怎么分享小程序到朋友圈(4)

首页 123下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.