the yssoft logo

动态资讯

微信小程序打开外部web页面步骤

来源:远思软件研发部 发布时间:2025-12-13 浏览次数:1404 发布人:lobtao

微信小程序打开外部web页面步骤

以前的微信小程序,过度封装,必须要按照微信官方封装好的UI组件进行开发,小程序本来就是H5,

原有小程序有如下几点缺陷:

1、不支持原有H5开发技术,绝大部分UI需要重写

2、必须审核发布,有bug时不能动态即时更新,会延迟1~2天

3、富文本支持弱,单向绑定的数据传值方式,解析性能低下,web是支持图文混排最好的方式

官方的解释是方便审核过滤不良垃圾应用,要做到可控,可控是做到了,但是开发的门槛提高了,原有公众号的开发基础基本不能复用;以小编的开发经验来说,在原有公众号的基础上,提供多webview的支持,原有公众号开发人员可迅速切入到小程序平台,提高用户体验、小程序的流量和降低开发的难度,快速颠覆所有的H5开发APP技术平台,但是小程序没有这样做,沉浸一段时间后,小程序终于开放了支持打开web页面,无异于搬石头砸脚,绕了一个大圈,还是回到了多webview的支持,这是幸福的福音,释放了很大的开发劳动力,以后的新闻、电商平台开发起来更加容易了

微信小程序打开外部web页面步骤

1、配置打开web页面的域名,记住域名必须要支持https,https是收费的,且还不便宜,这对于小编我来说,N多的https域名,也可以做到零费用

QQ20171229-093120@2x.png

2、打开page页面插入web-view组件,目前只支持全屏打开方式,希望后续也能开放,支持小程序页面和web-view组件可以混合使用

<web-view src="https://yssoft.cn">web-view>

3、配置完毕,可体验了。以下是我司的体验小程序,打开官网部分就是嵌入的外部web页面


image.png

QQ20171229-0.png


QQ20171229-1.png

如有小程序开发需求,可联系小编 手机、微信:15915427080




如果你有任何疑问请拨打

服务热线:0755-84532935 15915427080(肖经理)

或则在线QQ咨询 在线咨询