本文详细介绍了如何在小程序中嵌套H5页面，通过H5页面唤起小程序的原生扫码功能，然后将扫码结果传递回H5页面。流程包括在小程序创建webview加载H5，H5调用微信JS-SDK唤起扫码，以及小程序扫码页面处理扫码结果并重定向到webview，最后在webview中跳转回H5页面完成结果展示。
实现方式: 小程序嵌套h5页面，点击h5页面的扫码按钮跳转到小程序的扫码页面，进入之后会立即扫码，拿到扫码结果后，跳转到小程序定义好的webview页面，再由webview页面进入h5页面。
缺点：为了唤起扫码，会进入一个空白的扫码页面
1、小程序嵌套h5页面方法
在小程序中，创建一个webview页面，页面里面设置web-view容器，容器地址src为h5页面地址，即可跳转到h5页面。
（1）嵌入方式：web-view承载网页的容器，嵌套在这个容器中的网页可以使用微信提供的jssdk接口，如微信扫一扫，图片，音频等，当然所有需要使用JS-SDK的页面必须先注入配置信息，否则将无法调用。（此次使用的小程序原生的扫码，没有使用jssdk）
（2）具体接入方式，参考官方文档。
web-view接入h5参考文档：web-view | 微信开放文档
接入的h5页面调用jssdk的步骤和注意点参考：概述 | 微信开放文档
tips: 如果we
最低0.47元/天 解锁文章
扫一扫
650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
