小程序 web-view 注意事项

这两天维护小程序,需要添加跳转 h5 页面的功能,踩了许多坑,下面记录一下

1.web-view使用

web-view:(我只用了src属性,其他可以点击文档查看
小程序 web-view 注意事项
功能概述:点击导航,跳转新页面(h5页面)
实现原理

  • 创建新页面,其中写入web-view

小程序 web-view 注意事项注意:web-view中的链接为自动跳转,所以需要创建新页面。

  • 在导航的位置添加跳转新页面事件(使用navigator标签也行)

完成后在开发工具就可以成功跳转啦(前提是打开不校验域名)。
域名的问题往下看

2.配置项

这时小程序代码就写完了,但是还有两个注意的地方

  1. 跳转链接需要在公众平台中配置业务域名(按照公众平台给的流程配置就可以了,这里不做过多赘述),否则无法跳转。
    小程序 web-view 注意事项
  2. 跳转链接必须是ICP备案的,也就是以https开头

这些配置完就完成了