微信小程序跳转h5页面_微信小程序打开h5页面

作者：煮酒与君饮 | 2024-07-09 13:20:13

踩

微信小程序打开h5页面

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是安全的，避免被恶意利用。

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/煮酒与君饮/article/detail/802529