Zsan
Zsan
  • 发布:2023-06-30 13:35
  • 更新:2023-06-30 13:39
  • 阅读:620

【报Bug】uniapp开发的微信小程序通过webview加载用uniapp开发的h5,在h5里无法跳转到小程序页面

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows 11

HBuilderX类型: Alpha

HBuilderX版本号: 3.8.7

第三方开发者工具版本号: stable 1.03.2303220

基础库版本号: 2.32.3

项目创建方式: HBuilderX

示例代码:
<body>  
    <div id="app"><!--app-html--></div>  
    <script type="module" src="/src/main.ts"></script>  
    <script>  
      var userAgent = navigator.userAgent;  
      if (/miniProgram/i.test(userAgent) && /micromessenger/i.test(userAgent)) {  
        // 微信小程序 JS-SDK 如果不需要兼容微信小程序,则无需引用此 JS 文件。  
        document.write('<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"><\/script>');  
      }  
    </script>  
    <script src="https://unpkg.com/@dcloudio/uni-webview-js"></script>  
  </body>
// pages.json  
{  
 "pages": [  
    // #ifdef MP-WEIXIN  
    { "path": "pages/webview/index" },  
    // #endif  
    // #ifdef H5  
    { "path": "pages/webview/h5" },  
    // #endif  
    { "path": "pages/index/index" }  
  ]  
}
// pages/webview/index.vue  
<template>  
  <web-view src="http://localhost:5173/#/pages/webview/h5"></web-view>  
</template>  

// pages/webview/h5.vue  
<template>  
    <button @click="handlerClick">跳转小程序首页</button>  
</template>  

<script setup lang="ts">  
function handlerClick() {  
    uni.navigateTo({ url: '/pages/index/index' })  
}  
</script>

操作步骤:

附件中的示例项目(vue3/vite/Ts) 同时启动 微信小程序和h5,小程序的webview载入h5的链接,在h5里操作返回小程序主页

预期结果:

希望可以正常返回小程序主页

实际结果:

只能在h5里来回跳转

bug描述:

运行场景:uniapp开发的微信小程序通过webview加载 同样用uniapp开发的h5

操作: 在h5中点击按钮跳转到小程序

只能在h5里来回跳转,无法跳转到小程序的页面

2023-06-30 13:35 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

这个肯定不能跳的

  • Zsan (作者)

    可以跳转,被官方文档误导了,jWeixin.miniProgram.navigateTo({ url: '/pages/index/index' })就行了,不能用uni的全局变量

    2023-06-30 14:04

  • 爱豆豆

    回复 Zsan: 嗯嗯 明白了 原来是是微信sdk中的miniProgram.navigateTo

    2023-06-30 14:11

要回复问题请先登录注册