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) {

        // 打开成功

      }

    })

  • 相关阅读:
    ES6---async, await, promise 综合例子
    ES6---Promise应用: async, await
    ES6---Promise 4: 更多案例
    掌握这两个技术点,你可以玩转AppCan前端开发
    AppCan4.0:开发者要做有价值的APP
    以“掌上东航”为例,论混合开发在企业级项目中的实践
    基于AppCan MAS系统,如何轻松实现移动应用数据服务?
    正益移动王国春:布局在是与不是之间
    【TOP10 APP】这些应用成了AppCan千人大会的焦点
    我爱我家:我为什么选择AppCan?
  • 原文地址:https://www.cnblogs.com/ganmy/p/8126288.html
Copyright © 2011-2022 走看看