uniapp拉起半屏操作:打开半屏小程序

uniapp拉起半屏小程序

1、需要页面权限:当前是插件页面时,宿主小程序不能调用该接口,反之亦然
2、小程序插件:支持,需要小程序基础库版本不低于 2.26.2

微信开发者文档链接
(https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.openEmbeddedMiniProgram.html)
半屏展示
打开半屏小程序
2.23.1以下版本基础库,开发者需要在全局配置app.json的embeddedAppIdList字段中声明需要半屏跳转的小程序,若不配置将切换为普通的小程序跳转小程序。2.23.1及以上版本起无需配置。
配置示例:

{
“embeddedAppIdList”: [“wxe5f52902cf4de896”]
}

开发者通过调用wx.openEmbeddedMiniProgram半屏跳转小程序。

appID: 要打开的小程序 appId
path: 打开的页面路径,如果为空则打开首页。

(path 中 ? 后面的部分会成为 query,在小程序的 App.onLaunch、App.onShow  和
Page.onLoad 的回调函数或小游戏的 wx.onShow 回调函数、wx.getLaunchOptionsSync 中
可以获取到 query 数据。对于小游戏,可以只传入 query 部分,来实现传参效果, 如:传入 "?foo=bar")~~ 

wx.openEmbeddedMiniProgram({
    'appId':'wx9c65cxxxxxzxx92d',      
    'path':'pages/reg/index'    
 })

**
微信开发者工具打开显示
**
在这里插入图片描述
**
*手机测试直接打开半屏小程序
**
在这里插入图片描述
注意:2.23.1以下版本基础库,开发者需要在全局配置app.json的embeddedAppIdList字段中声明需要半屏跳转的小程序

返回原小程序

被半屏打开的小程序可以以通过调用wx.navigateBackMiniProgram返回上一个小程序

使用限制

使用过程有以下限制,若不符合以下所有条件将被自动切换为普通的小程序跳转小程序,不影响用户使用:
1、 被半屏跳转的小程序需要通过来源小程序的调用申请,开发者可在小程序管理后台「设置」-「第三方设置」-「半屏小程序管理」板块发起申请,最多可以申请10个小程序;
2、 2.23.1版本以下基础库,被半屏打开的小程序需要在app.json的embeddedAppIdList字段中声明; 当前小程序需为竖屏; 被半屏跳转的小程序需为非个人主体小程序(不含小游戏)。

要秃头的海绵宝宝
关注 关注
  • 1
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp - 实现 App 端 “半屏幕“ 连续扫码功能,页面只有半个屏幕是扫码框并且可持续连续扫码获取数据(不使用官方 uni.scanCode API,因为无法连续扫码!)详细示例源码插件教程
高级前端工程师
02-21 1万+
uniapp app端实现半屏幕扫码,uniapp 扫一扫半个屏幕,uniapp 扫一扫,uniapp持续扫码实现,uniapp怎么自定义扫码和连续扫码,uni-app App半屏连续扫码,uniapp 扫一扫半个屏幕,uniapp自定义扫码页面样式,实现连续扫码功能(uniapp),uniapp - 实现 App 端 "半屏幕" 连续扫码功能,页面只有半个屏幕是扫码框并且可持续连续扫码获取数据(不使用官方 uni.scanCode API,因为无法连续扫码!)详细示例源码插件教程。
uniapp中设置横屏竖屏
07-06
uni-app是一款基于Vue.js的多端开发框架,能够帮助开发者一次编写,多端运行,包括iOS、Android、H5、小程序等平台。本文将详细介绍如何在uni-app中实现横屏竖屏的设置与切换。 一、uni-app的屏幕方向基础概念 1. ...
uniapp微信小程序半屏跳转小程序
小马总的博客
11-05 2548
(1)、以前的跳转方式是uni.navigateToMiniProgram 换成wx.openEmbeddedMiniProgram即可。(2)、manifest.json文件中,一定记住上面资料审核过了才可以测试通过。"embeddedAppIdList": ["跳转小程序appid"]添加需要绑定的小程序appid 等待审核,审核通过后开始写代码。进入微信小程序 设置 -> 第三方设置 -> 半屏小程序管理。appId: "跳转小程序appid",1、资料设置申请绑定。
小程序 小程序打开其他小程序小程序跳转其他小程序、微信群聊中打开小程序
weixin_43294560的博客
11-09 3873
1、小程序打开其他小程序 可将要打开小程序通过半屏的形态快速拉起 (1)配置 app.json的embeddedAppIdList字段中声明需要通过半屏形态打开小程序,若不配置将降级为普通的小程序跳转小程序。 { "embeddedAppIdList": ["wxe5f52902cf4de896"] appid } (2)打开 wx.openEmbeddedMiniProgram({ appId打开小程序appId path 打开的页面路
uniapp app唤起小程序小程序唤起小程序
feng65536的博客
06-14 200
uniapp app唤起小程序小程序唤起小程序
前端1【银盛小Y聚合收银台接入说明】YSEPAYSHOP©一款基于线上场景互联网搭建系统工具,互联网支付接口对接服务商。
YSEPAYSHOP电商独立站|银盛支付|官方博客
05-24 1889
默认情况下,打开收银台后,用户需要手动点击“立即支付”按钮才会拉起支付控件。如果希望省略点击动作,可以传入参数isFastPay='01',即可在进入收银台后自动拉起支付控件。按钮后,将自动返回商户小程序,并传递参数payResult。如需全屏打开可调用以下api。并且在微信支付结果页面点击。
半屏小程序
weixin_45685544的博客
10-12 686
有些手机会唤起失败,直接唤起了全屏的小程序,所以我们为了兼容,需要在app.config.ts加上。设置-》第三方设置-》半屏小程序管理-》我调用的。tip 管理后台配置。
微信小程序如何半屏接入腾讯兔小巢?
m0_70418098的博客
10-29 1353
微信小程序如何半屏接入腾讯兔小巢?微信接入兔小巢报错怎么办?
微信小程序半屏打开小程序
无限进步
01-21 691
微信小程序半屏打开
uni-app 半屏地图拖拽滚动底部半屏,仿高德搜索拖拽
csl125的博客
06-24 1864
uniapp 微信小程序拖拽半屏展开收缩,类似于高德地图半屏搜索
微信小程序半屏小程序的使用方法
m0_58471361的博客
08-29 4130
微信小程序如何拉取半屏小程序的使用方法
uniapp 微信小程序 时间段选择组件
07-24
`uniapp`是一个跨平台的开发框架,它允许开发者编写一次代码,即可运行在多个平台上,包括微信小程序。在`uniapp`中创建一个时间段选择组件,可以极大地提升用户体验,使得用户能够更直观、方便地选择所需的时间段。...
小说阅读uniapp小程序
06-27
【标题】"小说阅读uniapp小程序"所涉及的知识点主要集中在使用uniapp框架开发微信小程序,为用户提供在线阅读小说的功能。uniapp是一个基于Vue.js的多端开发框架,支持快速构建跨平台的应用,包括微信小程序、H5、...
uniapp 微信小程序tabbar凸起的显示
08-25
`uniapp`是一个跨平台的开发框架,它允许开发者使用一套代码库来构建多端应用,包括微信小程序。在`uniapp`中处理微信小程序的tabbar凸起效果并确保其不闪烁,是一项技术性工作,涉及到CSS样式、事件处理以及可能的...
基于uniapp微信小程序我的钱包页面
03-26
【基于uniapp微信小程序我的钱包页面】开发详解 在移动应用开发领域,微信小程序因其轻量化、便捷的特性,已经成为开发者的重要选择。而uniapp作为一款跨平台开发框架,能够帮助开发者快速构建H5、微信小程序、...
小程序半屏打开其他小程序,开发者工具调试半屏
浩星
06-13 4644
小程序半屏打开其他小程序
uni-app中弹窗的使用
热门推荐
weixin_53200369的博客
03-23 3万+
uni-app弹窗学习
Uniapp的movable-view组件,实现悬浮可拖拽功能
最新发布
DIY_v的博客
06-18 760
Uniapp的movable-view组件,可拖拽悬浮收缩按钮
uniapp拉起半频页面
09-27
对于uniapp拉起半频页面的问题,你可以使用uniapp提供的API来实现。具体做法是通过uni.navigateTo方法来跳转到目标页面,并在目标页面的onLoad生命周期函数中设置半频显示的逻辑。 首先,在当前页面的事件处理函数中,调用uni.navigateTo方法来跳转到目标页面,例如: ```javascript uni.navigateTo({ url: '/pages/halfScreenPage/halfScreenPage' }) ``` 然后,在目标页面的onLoad生命周期函数中,根据需求设置半频显示的逻辑,例如: ```javascript onLoad() { // 判断是否需要半频显示 if (需要半频显示的条件) { // 设置半频显示的逻辑 this.show = true } else { this.show = false } } ``` 通过以上步骤,就可以实现uniapp拉起半频页面的效果。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
写文章

热门文章

  • uniapp拉起半屏操作:打开半屏小程序 4276
  • 阿里巴巴图标库的使用 2290
  • Vue Router切换时报错:api.now is not a function 2075
  • three.js的基本使用 1579
  • 小程序跳转公众号official-account组件的使用 1135

最新评论

  • uniapp拉起半屏操作:打开半屏小程序

    BowenHero: 请问uniapp 使用wx.navigateBackMiniProgram 传递参数上一个小程序怎么接收参数跳转到指定页面啊

大家在看

  • 2024视频改字祝福 豪车装X系统源码uniapp前端源码 82
  • 【JS逆向课件:第十八课:JS操作2】
  • 2024在线PHP加密网站源码
  • 云开发壁纸小程序源码/新版大气UI微信QQ双端壁纸小程序源码 61
  • 2024给你的网站侧边栏添加小姐姐视频源码

最新文章

  • 微信原生小程序从右向左滑动展开关闭动画animation
  • VSCode编译器增加头部作者信息和函数信息
  • jquery添加样式
2023年3篇
2022年6篇
2021年1篇

目录

目录

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值

PHP网站源码木棉湾品牌网站设计南澳SEO按效果付费大浪标王石岩设计网站西乡模板推广丹竹头网站推广系统坂田百度网站优化排名光明SEO按天计费大鹏百度标王荷坳营销型网站建设大浪百度网站优化排名同乐营销网站坪山建设网站宝安seo网站推广松岗百度网站优化惠州建网站罗湖至尊标王东莞网站推广工具惠州百度网站优化坂田高端网站设计松岗网站制作大鹏关键词排名木棉湾建站坪地网站定制福永网络广告推广福永seo网站推广双龙如何制作网站南联网站推广龙岗网站推广塘坑SEO按天扣费歼20紧急升空逼退外机英媒称团队夜以继日筹划王妃复出草木蔓发 春山在望成都发生巨响 当地回应60岁老人炒菠菜未焯水致肾病恶化男子涉嫌走私被判11年却一天牢没坐劳斯莱斯右转逼停直行车网传落水者说“没让你救”系谣言广东通报13岁男孩性侵女童不予立案贵州小伙回应在美国卖三蹦子火了淀粉肠小王子日销售额涨超10倍有个姐真把千机伞做出来了近3万元金手镯仅含足金十克呼北高速交通事故已致14人死亡杨洋拄拐现身医院国产伟哥去年销售近13亿男子给前妻转账 现任妻子起诉要回新基金只募集到26元还是员工自购男孩疑遭霸凌 家长讨说法被踢出群充个话费竟沦为间接洗钱工具新的一天从800个哈欠开始单亲妈妈陷入热恋 14岁儿子报警#春分立蛋大挑战#中国投资客涌入日本东京买房两大学生合买彩票中奖一人不认账新加坡主帅:唯一目标击败中国队月嫂回应掌掴婴儿是在赶虫子19岁小伙救下5人后溺亡 多方发声清明节放假3天调休1天张家界的山上“长”满了韩国人?开封王婆为何火了主播靠辱骂母亲走红被批捕封号代拍被何赛飞拿着魔杖追着打阿根廷将发行1万与2万面值的纸币库克现身上海为江西彩礼“减负”的“试婚人”因自嘲式简历走红的教授更新简介殡仪馆花卉高于市场价3倍还重复用网友称在豆瓣酱里吃出老鼠头315晚会后胖东来又人满为患了网友建议重庆地铁不准乘客携带菜筐特朗普谈“凯特王妃P图照”罗斯否认插足凯特王妃婚姻青海通报栏杆断裂小学生跌落住进ICU恒大被罚41.75亿到底怎么缴湖南一县政协主席疑涉刑案被控制茶百道就改标签日期致歉王树国3次鞠躬告别西交大师生张立群任西安交通大学校长杨倩无缘巴黎奥运

PHP网站源码 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化