使用uni小程序sdk开发的小程序，webview中的h5页面如何跳转小程序页面？

欢迎到专业群（ uni-app 官方技术交流群 1 ） 咨询，群中有相关专业的管理员和群友。

在 uni-app 编译到微信小程序后，web-view 里加载的 H5 页面想跳回小程序页面，需要借助微信提供的 JSSDK 1.3.2+（或 uni.webview.js 1.5.6）完成通信。核心思路是：

1. H5 端先引入官方脚本并等待桥接就绪；
2. 通过 wx.miniProgram.navigateTo（或 uni.webView.navigateTo）跳转即可。

下面给出可直接落地的代码示例。

一、H5 页面（被 web-view 加载的页面）

<!-- 1. 引入微信 JSSDK（或 uni.webview.js） -->  
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>  
<!-- 如果更喜欢 uni 风格，也可以用 https://gitcode.com/dcloud/uni-app/tree/dev/dist/uni.webview.1.5.6.js -->  

<script>  
  // 2. 等待桥接就绪  
  document.addEventListener('WeixinJSBridgeReady', function () {  
    console.log('WeixinJSBridgeReady ok')  
  })  

  // 3. 按钮点击时跳转到小程序页面  
  function toMiniPage () {  
    wx.miniProgram.navigateTo({  
      url: '/pages/target/target?from=h5&id=123'  
    })  
  }  
</script>  

<button onclick="toMiniPage()">跳转到小程序页面</button>

二、小程序端（web-view 所在页面）

<template>  
  <web-view src="https://your-domain.com/h5/index.html" />  
</template>

三、注意事项

1. 小程序后台必须将 H5 域名加入业务域名白名单（开发工具→详情→域名信息）。
2. 只能跳转到当前小程序自己的页面，且路径必须在 pages.json 中注册。
3. 如果 H5 页面本身也是用 uni-app 编译出来的，可直接使用 uni.webView.navigateTo({ url:'/pages/target/target' })，但同样要等 UniAppJSBridgeReady 事件。

使用uni小程序sdk开发的小程序嵌入到其他APP内，webview中的h5页面如何跳转小程序页面？