如何在H5页面打开百度智能小程序

08月/31日/小程序/浏览 336

如何在H5页面打开百度智能小程序?答案是 URL Scheme,估计很多人都能猜到,关键是URL Scheme 的具体规则是什么。


URL Scheme 是一种 App 间的调起协议。App 内部注册协议后,当用户在浏览器或其他 App 内点击相应的 scheme 链接,就能够调起 App 并打开 App 内的相关页面。


下面是“智能小程序示例”小程序的调起 scheme:



baiduboxapp,必须的,scheme协议。这部分表示使用百度 App 处理这个 url 。使用百度 App 打开小程序时,这部分保持不变。


swan,必须的,小程序标识,保持不变。用来通知百度 App 调起小程序框架。


appKey,必须的,目标小程序的 appKey,可通过小程序开发者平台=>开发管理=>开发设置查询。在该场景下,如果将 BUNDLE_ID 做为 appKey 来使用,将会打开对应的开发版小程序,可通过小程序开发者工具=>预览=>BUNDLE_ID 获取。


page,可选的,小程序打开的页面路径。页面路径可以在小程序代码 app.json 文件的 pages 属性中取到,常见形式为 "pages/index/index" 。page为空或不正确,则打开首页。


query,可选的,小程序页面路径参数。


from ,可选的,场景值,具体可参考官方文档:https://smartprogram.baidu.com/docs/data/scene/


百度还非常贴心的提供了 scheme 生成工具:调起协议生成工具


小程序调起机制


小程序调起机制如下图,当用户在 H5 页面中点击含有 Scheme 协议的 url 时:


1. 移动设备会识别 scheme 协议,打开百度 App ,并将 url 的 Source 传递给百度 APP。


2. 当百度 App 接受到 source 后,识别小程序标识,调起小程序框架。


3. 小程序框架通过 appKey 加载小程序代码,打开指定小程序。


4. 小程序根据 path 和 query 渲染具体页面,加载页面内容。


发表评论

暂无评论,抢个沙发...

客服 工单