美文网首页
uniapp + H5跳回小程序

uniapp + H5跳回小程序

作者: 塔塔七 | 来源:发表于2021-11-02 11:02 被阅读0次

引入相关sdk

<!-- 微信 JS-SDK 如果不需要兼容小程序,则无需引用此 JS 文件。 -->  
<script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>  
<!-- uni 的 SDK,必须引用。 -->  
<script type="text/javascript" src="//js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.0.1.52.js"></script>

全局注册

<script>
    window.wx = wx;
    document.addEventListener("UniAppJSBridgeReady", function () {
        uni.getEnv(function (res) {
            window.uni = uni;
        });
    });
    </script>

判断是不是小程序环境跳转

if(window.__wxjs_environment === "miniprogram"){
  window.uni.redirectTo({
        url: `/order/detail/detail?order_id=${this.order_id}`,
      });
}

注:非tab页使用 uni.navigateTo
window.uni.navigateTo({
      url: `/goods/detail/detail?goods_id=${goods_id}`,
    });

相关文章

  • uniapp + H5跳回小程序

    引入相关sdk 全局注册 判断是不是小程序环境跳转

  • 小程序和h5页面之间的互相跳转

    小程序跳转到 H5 页面 H5 页面跳回小程序 在 h5 页面的任何点击事件中: 在H5页面引入 https://...

  • 小程序跳转h5

    小程序官方没有提供外部H5网页直接跳转到小程序的api,所以目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小...

  • 微信小程序转uniapp在转h5

    首先使用wtu 这个插件,将原生小程序转为uniapp,在利用uniapp的多端,转为h5 现在uniapp的编辑...

  • 小程序和h5跳转

    公司要做h5跳转小程序,就试着调试了一下。目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序 小程序跳H5...

  • uniapp转h5并使用腾讯地图

    首先我的需求是将小程序的页面转uniapp,在通过uniapp转h5,最后嵌套在app中 这里使用的地图是小程序使...

  • h5页面跳转微信小程序

    微信小程序跳转进入H5页面之后,实现跳回微信小程序项目的首页(pages/index/index); 1.下载np...

  • uniapp和graceUI介绍

    uniapp uniapp是一个跨平台的基于Vuejs的前段框架,一次开发,支持包括小程序,APP,H5等等的8个...

  • 微信小程序:navigateToMiniProgram跳转小程序

    小程序中需要用到医保支付,最早的做法是,在web-view中点击提交后,通过h5下单完毕,跳回小程序的页面后,主动...

  • uniapp H5项目中使用腾讯地图sdk

    前言 这里主要针对的是H5,小程序或app都有现成的sdk可以使用;本人是用uniapp在做微信公众号的h5页面,...

网友评论

      本文标题:uniapp + H5跳回小程序

      本文链接:https://www.haomeiwen.com/subject/ipuxzltx.html