评论

技术选型:关于小程序webview中内嵌H5的重要提示

介绍了小程序的webview中内嵌H5的重要提示和关注点。

虽然小程序提供了不少原生能力,但有时我们想在小程序中使用web生态的能力时或者对接第三方活动页面时,会使用webview组件来承载网页,但这里有一些小程序中关于webview的重要提示,在了解之后可以进一步决定某些业务场景下还是否应该使用H5内嵌小程序实现业务。

提示:


1.小程序中的webview中的H5 ,需要添加web-view可信域名,需要在对应的网页的部署根目录中添加相应校验文件,如果对接的是第三方无法添加校验文件的,则无法打开。


2.小程序中的webview如需使用微信相关能力,须配置jssdk,须提供微信公众号账号主体,并按文档进行正确的页面授权和配置(需后端配合)。


3.小程序中的webview有较强的缓存(社区相关问题较多),需要用户手动清除通用存储并删除小程序才可以,如需H5每次部署后,不再有缓存,可寻找后端修改Nginx配置为无缓存


4.小程序中的webview中无论使用原生input拍照或jssdk提供的拍照能力,当IOS内存不足总会出现H5重新加载的情况,当前无解决方案(社区相关问题较多)。



参考

  1. JS-SDK说明文档
  2. web-view | 微信开放文档
  3. 微信h5页面,调用拍照后,页面刷新 | 微信开放社区
  4. web-view嵌入的h5页面缓存严重,如何清除? | 微信开放社区


最后一次编辑于  2023-11-27  
点赞 6
收藏
评论

1 个评论

  • 哄哄
    哄哄
    2023-10-13
    1. 小程序中的webview有较强的缓存(社区相关问题较多),需要用户手动清除通用存储并删除小程序才可以,如需H5每次部署后,不再有缓存,可寻找后端修改Nginx配置为无缓存



    请详细解释一下这条,需要具体如何配置?no-cache 经测还是会有缓存,需要配置成 no-store, no-cache? 还是有更深入的配置?

    2023-10-13
    赞同 2
    回复 2
登录 后发表内容