小程序H5页面onShow实现和跨页面通信方案有哪些具体操作?

2026-04-09 19:380阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计4684个文字,预计阅读时间需要19分钟。

小程序H5页面onShow实现和跨页面通信方案有哪些具体操作?

小程式WebView状态 + H5页面在小程式中的交互场景 + H5跳转小程式native页面(如:调用小程式地理位置选择能力,然后返回对应地址信息给H5页面) + H5跳转自业务线的H5页面(内部)

小程序webview的现状

h5页面在小程序中的交互(跳转)场景

小程序H5页面onShow实现和跨页面通信方案有哪些具体操作?

  • h5跳转小程序native页面(如:调用小程序地址选择能力,然后返回对应的地址信息给h5页面)
  • h5跳转己方业务线的h5页面(内部页面交互,方式比较多样)
  • h5跳转其它业务线的h5页面(如:交易流程,相关页面可能有其他业务线提供)

主要痛点

在完成相关操作后, 页面状态需要更新 ,目前常见的更新方式有如下两种:

  • 第一种:通过url传参(如:url中加入__isonshowrefresh=1,告诉webview再次onshow时候刷新),把需要传递的参数拼接到url中,重新打开url。
阅读全文

本文共计4684个文字,预计阅读时间需要19分钟。

小程序H5页面onShow实现和跨页面通信方案有哪些具体操作?

小程式WebView状态 + H5页面在小程式中的交互场景 + H5跳转小程式native页面(如:调用小程式地理位置选择能力,然后返回对应地址信息给H5页面) + H5跳转自业务线的H5页面(内部)

小程序webview的现状

h5页面在小程序中的交互(跳转)场景

小程序H5页面onShow实现和跨页面通信方案有哪些具体操作?

  • h5跳转小程序native页面(如:调用小程序地址选择能力,然后返回对应的地址信息给h5页面)
  • h5跳转己方业务线的h5页面(内部页面交互,方式比较多样)
  • h5跳转其它业务线的h5页面(如:交易流程,相关页面可能有其他业务线提供)

主要痛点

在完成相关操作后, 页面状态需要更新 ,目前常见的更新方式有如下两种:

  • 第一种:通过url传参(如:url中加入__isonshowrefresh=1,告诉webview再次onshow时候刷新),把需要传递的参数拼接到url中,重新打开url。
阅读全文