如何实现小程序与h5页面间的跳转

接到新需求,要在小程序页面内点击按钮实现跳转h5,一开始没接触过,还挺头疼的,但真正做起来,也就那么一回事啦,废话少说,直接上

1. 配置域名

先登录小程序开发平台,将页面需要跳转的域名写上去,注意了,域名不是指服务器的域名,而是服务器下面的业务域名 !!!
文档链接
如何实现小程序与h5页面间的跳转_第1张图片
在这里插入图片描述

2. 使用web-view

小程序提供web-view组件 点击查看,实现内嵌的网页,也就是说使用它只需要一个网页链接就能实现跳转

  • 新建一个小程序页面
    如何实现小程序与h5页面间的跳转_第2张图片
  • 里面放web-view组件
    如何实现小程序与h5页面间的跳转_第3张图片

3. 点击按钮跳转

在需要点击的页面添加点击跳转事件
如何实现小程序与h5页面间的跳转_第4张图片

这样就完成啦,是不是很简单呢

你可能感兴趣的:(小程序,小程序)