zoukankan      html  css  js  c++  java
  • 微信公众号跳转小程序<wx-open-launch-weapp>

    官方使用开放标签的条件:

    微信版本要求为:7.0.12及以上。 系统版本要求为:iOS 10.3及以上、Android 5.0及以上。

    配置好域名。就可以开始使用了。

    wx-open-launch-weapp标签需要先引入http://res2.wx.qq.com/open/js/jweixin-1.6.0.js

    以下是关键代码

    <script type="text/javascript" src="/js/jweixin-1.6.0.js"></script>
    <script type="text/javascript">
        var appId = "{{$data['appId']}}";
        var nonceStr = "{{$data['nonceStr']}}";
        var timestamp = "{{$data['timestamp']}}";
        var signature = "{{$data['signature']}}";
      
    
        wx.config({
            debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
            appId: appId, // 必填,公众号的唯一标识
            timestamp: timestamp, // 必填,生成签名的时间戳
            nonceStr: nonceStr, // 必填,生成签名的随机串
            signature: signature,// 必填,签名
            jsApiList: [], // 必填,需要使用的JS接口列表
            openTagList: ['wx-open-launch-weapp']
        });
        wx.ready(function(){
            // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
            var btn = document.getElementById('launch-btn');
            btn.addEventListener('launch', function (e) {
                console.log('success');
            });
            btn.addEventListener('error', function (e) {
                console.log('fail', e.detail);
            });
        });
        wx.error(function(res){
            // config信息验证失败会执行error函数,如签名过期导致验证失败,具体错误信息可以打开config的debug模式查看,也可以在返回的res参数中查看,对于SPA可以在这里更新签名。
        });
        wx.checkJsApi({
            jsApiList: [], // 需要检测的JS接口列表,所有JS接口列表见附录2,
            success: function(res) {
            // 以键值对的形式返回,可用的api值true,不可用为false
            // 如:{"checkResult":{"chooseImage":true},"errMsg":"checkJsApi:ok"}
            }
        });
        
        
      
    </script>
    <wx-open-launch-weapp
      id="launch-btn"
      username="gh_XXX"
      path="pages/index/index.html"
    >
      <template>
        <style>.btn { padding: 12px }</style>
        <button class="btn">打开小程序</button>
      </template>
      
    </wx-open-launch-weapp>
  • 相关阅读:
    【转】xcode的模拟器位置
    [汇] 立即寻址,直接寻址,间接寻址
    [汇] iOS Crash相关(2)
    [转] time profile 使用详解
    [汇] iOS Crash相关(1)
    [转] Xcode 高级调试技巧
    [汇] iOS高级调试汇总
    [转]iOS动画专题·UIView二维形变动画与CAAnimation核心动画(transform动画,基础,关键帧,组动画,路径动画,贝塞尔曲线)
    [SVN]TortoiseSVN工具培训1─为什么要用SVN?
    团队管理_第一期干部训练营心得
  • 原文地址:https://www.cnblogs.com/qiao20/p/14148358.html
Copyright © 2011-2022 走看看