准备工作
tip 管理后台配置
设置-》第三方设置-》半屏小程序管理-》我调用的
添加小程序文章来源:https://www.toymoban.com/news/detail-725398.html
有些手机会唤起失败,直接唤起了全屏的小程序,所以我们为了兼容,需要在app.config.ts加上文章来源地址https://www.toymoban.com/news/detail-725398.html
{
"embeddedAppIdList": ["wxxxxxxxx"]//appid 是你要跳转到的小程序的 appid。
}
跳转方式
export const openHalfMini = () => {
const platform = wx.getSystemInfoSync().platform
if (platform !== 'android') {
wx.showLoading({
title: '打开小程序中',
mask: true
})
}
const token = wx.getStorageSync('token')
wx.openEmbeddedMiniProgram({
// 要跳转的小程序的appid
appId: 'wxcfxxxx',
envVersion: __ENV__ !== 'production' ? 'trial' : 'release',
path: `/pages/index/index?id=xxx`,
success: () => {},
fail: (error) => {
console.log('跳转小程序失败', error)
},
complete: () => {
wx.hideLoading()
}
})
}
半屏小程序使用的限制条件
- 被半屏跳转的小程序需要通过来源小程序的调用申请,最多申请10个
- 2.23.1版本以下基础库,被半屏打开的小程序需要在app.json的embeddedAppIdList字段中声明;
- 当前小程序需为竖屏;
- 被半屏跳转的小程序需为非个人主体小程序(不含小游戏)。
- wx.openEmbeddedMiniProgram 打开半屏小程序 然后半屏小程序里不能分享
到了这里,关于半屏小程序的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!