如何在微信小程序中嵌入html网页信息

最近公司有一个项目需要使用到拍照出现虚线引导框的功能,但是在html中只有安卓系统的微信单可以实现此功能,所有这时候我们发现微信小程序有自定义拍照的功能,这时候我们就想到将html网页信息嵌入到微信小程序中

一:在微信小程序中嵌入html网页

文档地址：https://developers.weixin.qq.com/miniprogram/dev/component/web-view.html

在微信小程序中我们可以使用web-view标签实现在小程序中嵌入html网页，如

<web-view src="https://www.baidu.com"></web-view>

这样就可以实现将html网页信息嵌入微信小程序了,这里注意,当我们使用微信小程序正式号时,这时候我们需要将html信息的链接地址加入到微信小程序的业务域名中

二：从html页面跳转到微信小程序页面

当我们的html页面处理完成之后,这时候我们需要跳转到微信小程序的页面的话，这时候我们就需要使用到微信小程序提供的跳转方法了

前提:在html 中我们需要引入下面的js

https://res.wx.qq.com/open/js/jweixin-1.3.2.js

然后我们可以使用如下方法实现从html跳转到微信小程序

wx.miniProgram.navigateTo({url: '/pages/test/test'})
wx.miniProgram.navigateTo({url: '/pages/test/test?id=1'})