19939905379

网站建设 APP开发 小程序

知识

微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始,我们就可以在小程序内放置一个web-view组件来链接我们的HTML页面了。在这

您当前位置>主页 > 知识 > 小程序 >

微信小程序开发之内嵌网页

发表时间:2020-03-27 16:54

文章来源:佚名

微信小程序提供了新的开放能力!它终于开放了在小程序中内嵌HTML页面的功能!从微信小程序基础库1.6.4开始,我们就可以在小程序内放置一个web-view组件来链接我们的HTML页面了。在这之前,我们在小程序中没有办法整合我们已有的HTML程序(比如HTML5文章系统,商城系统等),只能使用小程序的方式重新开发一套,现在有了web-view就可以方便的集成这些网页系统,为我们减少了可观的工作量。下面小编和大家一起看一下具体如何使用。

要在小程序中访问外部网页,需要先设置允许访问的业务网站的域名。让我们先登录小程序平台管理后台页面,进入“设置” = 开发设置,可以看到这边多出来了一块“业务域名”的设置区域:

点击“开始配置”按钮,弹出一个窗口,我们可以在这个窗口中添加一个或多个你要在小程序中访问的域名。当然,不是所有的域名下的网页你的小程序都可以访问,只有那些你可以“掌控”的网站,你才可以访问!你需要在这个窗口里下载“校验文件”,并把这个校验文件上传到你的网站的根目录,供小程序平台进行验证,验证通过了才能成功添加域名。

但是,和iframe可以嵌入到页面的任意部分不同的是,小程序的这个web-view总是自动铺满整个页面,且每个页面只能有一个web-view,它会覆盖其他组件。也就是说,没有办法实现小程序界面组件和web-view页面混排的情况,这点要注意。

如果要在已经通过web-view嵌入小程序的网页中,跳转到小程序中的其他页面(Page),可以引入微信的一个JSSDK,使用它提供的方法来实现相关跳转功能。网页代码类似如下所示:

/script(不过很遗憾,还是没有办法从一个网页中跳转到一个指定的小程序。哈哈,我也就瞎想想~~)

这一内嵌网页的功能,也算顺应了广大开发者的要求,解决了很大一部分开发者的痛点。在混合开发方面的增强,为小程序的功能开发提供了不少灵活性和便利性。

相关案例查看更多