H5如何返回微信小程序

最新推荐文章于 2025-05-19 18:21:43 发布

jgssl

最新推荐文章于 2025-05-19 18:21:43 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：微信小程序开发文章标签：小程序 javascript js

本文链接：https://blog.youkuaiyun.com/qq_15856617/article/details/113706274

微信小程序开发专栏收录该内容

1 篇文章

订阅专栏

这篇博客介绍了如何在H5页面中通过微信小程序的API实现从H5页面返回微信小程序的操作。首先，确保使用https协议引入jweixin-1.4.0.js或更高版本的库。然后，通过`wx.miniProgram.getEnv`判断当前环境，如果在小程序环境中，调用`wx.miniProgram.navigateTo`方法返回小程序页面；否则，重定向到其他H5页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

这里实现的是点击小程序里的H5如何返回微信小程序，不是H5页面打开小程序

直接上干货

第一步：网页引用

引入时一定要注意要用https协议，http的不可！！！
jweixin的版本要1.4.0以上。低版本不支持！！！

<script src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
//要点：①一定要用https    ②jweixin-1.4.0.js  或更高版本。低版本的不支持

第二步判断当前环境

判断当前页面是否在小程序环境中，如果是就跳回小程序，否则打开其他H5页面。如果只用在小程序中，可以不用判断环境直接执行wx.minProgram.navigateTo

var wxApp=false;
  wx.miniProgram.getEnv(function(res) {
    if(res.miniprogram){
      wxApp=true;
    }else{
      wxApp=false;
    }
  });


  function fn2(){
    if(wxApp){ //小程序环境
        wx.miniProgram.navigateTo({
        url:'/pages/index/index?id=8',//跳转回小程序页面,传参id
        success: function(){
          console.log('成功跳回小程序')
        },
        fail: function(){
          console.log('跳转回小程序页面失败');
        },
      });
    }else{
      window.location.href='https://www.heitao8.cn/'
    }
  }```