H5套壳微信小程序跳转H5以及配置服务器接口域名和业务域名

一、H5套壳微信小程序跳转H5

基本语法：

<web-view src="https://你的域名"></web-view>
1.
其中，url必须在管理后台加进业务域名，并且是https开头的。

使用了web-view，页面将不能放置其他元素，因为web-view会铺满整个页面

电脑端调试，需要在开发者工具的项目设置里把基础库版本改为最新的（1.6.4）

常见的注意事项：

1. 首先，web-view 组件的 src属性 指向的网页链接必须是 https 开头的。
2. 其次，h5 页面内的 js 和 ajax 请求也必须是 https 的。

微信小程序提供的 web-view 组件在嵌入 h5 页面时， h5 页面内的请求是否必须都是 https 的呢？

1.web-view 组件嵌套的 h5 页面内的所有请求，都必须都是 https 开头的，否则就会出错。

2.如果 ajax 请求仍然使用 http 形式开头的，那么该请求就会被小程序阻塞（即blocked），无法发出请求。

3.所以，还是乖乖按照小程序的硬性规定，使用 https 形式的接口进行请求吧。毕竟微信也是为了统一开发以及安全方面考虑的。

在微信开发者工具上的模拟器中，可以在 <web-view/> 组件内嵌套的 h5 页面上通过 “右键鼠标 - 调试”，打开 <web-view/> 组件所嵌入的 h5 页面的调试功能，这样就能直观的在控制台内看到具体的报错信息和位置，方便定位问题。
二、配置小程序服务器数据接口域名和业务域名

登录微信小程序管理后台

配置服务器接口域名

 

 

 配置业务域名