1、在小程序的WXML文件中,使用<web-view>组件并指定src属性为H5页面的URL。

2、配置小程序的后台,将需要跳转的H5页面地址添加到白名单中,以允许访问。

<template>
    <web-view :src="H5URL"></web-view>
</template>
<script>
    export default {
       name: "webview",
       data() {
           return {
               H5URL: "https://wwww.baidu.com"
           }
       }
    }
</script>

注意事项:

  • 这种方式仅限于个人类型的小程序,且H5页面需要放置在已备案的一级域名下,并配置HTTPS证书。
  • 开发者需要在小程序的后台设置中,将H5页面的域名添加到业务域名列表中,并上传验证文件到该域名的根目录下。
  • 确保H5页面的URL是安全的,避免被恶意利用。
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐