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 页面的调试功能,这样就能直观的在控制台内看到具体的报错信息和位置,方便定位问题。
二、配置小程序服务器数据接口域名和业务域名

登录微信小程序管理后台

配置服务器接口域名

 

 

 配置业务域名

 

 

猜你喜欢

转载自blog.csdn.net/qq1507171150/article/details/131331113