zoukankan      html  css  js  c++  java
  • 微信小程序和H5之间相互跳转

    1.微信小程序跳转小程序 wx.navigateToMiniProgram

    <script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script>

    navigateToMiniProgram(mAppId)
    {
      wx.navigateToMiniProgram({
        appId: mAppId,
        path: 'page/index/index?id=123',
        extraData: {
          foo: 'bar'
        },
        envVersion: 'release',
        success(res) {
        // 打开成功
        ret_handler(res);
        },
        fail(res) {
        }
      })
    },

    2.h5跳转到小程序wx.miniProgram.navigateTo

    <script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script>
    // 点击立即体验跳转到小程序(如果要跳转的小程序路径是tab页就用wx.miniProgram.switchTab,否则无效)
    $('.experience').click(function () {
      wx.miniProgram.navigateTo({
        url: '/pages/index/index',
      });
    })

    3.小程序里打开h5页面(webview)

      小程序里代码:    

        <web-view src='{{url}}'></web-view>
        
      let token = encodeURI(wx.getStorageSync('token'));
      let openid = encodeURI(wx.getStorageSync('userinfo').openid);
      that.setData({
        url: pageUrl + '?token=' + token + '&openid=' + openid,
      })
     
      h5代码:
        
       function getQueryString(name) {
                    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
                    var r = window.location.search.substr(1).match(reg);
                    if (r != null) {
                        return decodeURIComponent(r[2]);
                    }
                    return null;
                }
                let token = getQueryString("token") || "";
                let openid = getQueryString("openid") || "";
  • 相关阅读:
    Q/GDW 10233-2018等国家电网公司电动汽车充电设备相关标准
    TB/T 2628-2020 铁路预制普通钢筋混凝土简支梁
    GB/T 51396-2019 槽式太阳能光热发电站设计标准
    GB/T 17467-2020 高压/低压预装式变电站
    GB/T 3906-2020 3.6 kV~40.5 kV交流金属封闭开关设备和控制设备
    GB 51388-2020 镍冶炼厂工艺设计标准
    GB/T 51409-2020 数据中心综合监控系统工程技术标准
    linux-09(查看文件命令tail)
    jmeter-02
    2019-3-19记随手记面试
  • 原文地址:https://www.cnblogs.com/caoyuna/p/11507776.html
Copyright © 2011-2022 走看看