zoukankan      html  css  js  c++  java
  • 小程序跳转

    小程序跳转

    1.小程序跳网页

    需在后台配置域名白名单,通过<web-view>组件实现跳转

    <!-- 指向微信公众平台首页的web-view -->

    <web-view src="https://mp.weixin.qq.com/"></web-view>

    1).跳回小程序页面:

    在网页中可调用以下接口:

    wx.miniProgram.navigateTo

     

     

    wx.miniProgram.navigateBack

     

     

    wx.miniProgram.switchTab

     

     

    wx.miniProgram.reLaunch

     

     

    wx.miniProgram.redirectTo

     

     

     

    2).在网页中可调用图像、音频接口,调用设备信息、地理位置以及微信扫一扫、摇一摇等接口。

    3).分享该网页,可通过onShareAppMessage获取到当前网页的webUrl

    4).可在该网页中通过window._wxjs_environment判断是否在小程序环境

     

    Ps: 

    A.网页内的iframe域名同样要配置在域名白名单中;

    B.每个页面只能有一个<web-view>且会自动铺面整个页面;

    C.将鼠标放在<web-view>组件上右键-调试,可调试;

    D.如果在ios上调用jssdk没反应,可在<web-view>组件的src加上“#wechat_redirect”解决

     

    2.小程序跳小程序

    条件:同一个公众号下关联的小程序

    基础库 1.3.0 开始支持,低版本需做兼容处理

    iOS 微信客户端 6.5.9 版本开始支持,Android 客户端即将在 6.5.10 版本开始支持,请先使用 iOS 客户端进行调试

    wx.navigateToMiniProgram({

      appId: '',

      path: 'pages/index/index?id=123',

      extraData: {

        foo: 'bar'

      },

      envVersion: 'develop',

      success(res) {

        // 打开成功

      }

    })

  • 相关阅读:
    微信小程序~事件绑定和冒泡
    为promise增加abort功能
    Object构造函数的方法 之 Object.freeze
    ES6新特性:JavaScript中内置的延迟对象Promise
    js 预编译
    什么是PWA?PWA的发展趋势
    CSS隐藏元素的方法及区别
    网页编码:UTF-8、GB2312
    Mixin 和 CSS Guards
    css自定义checkbox样式
  • 原文地址:https://www.cnblogs.com/ganmy/p/8126288.html
Copyright © 2011-2022 走看看