微信公众号、小程序一些使用心得

一、公众号h5页面跳转到小程序

 注意:公众号h5页面跳转小程序呢,一定要在公众号下关联小程序!!!!!!

使用wx-open-launch-weapp 标签时 在判断当前客户端版本是否支持指定JS接口时,

根据官方文档配置就就可以 

目录 | 微信开放文档

<div>
        <wx-open-launch-weapp id="launch-btn"
                              username="gh_4XXXX2"
                              path="pages/index/index">
            <script type="text/wxtag-template">
                <style>
                    .btn {
                        padding: 12px;
                        color: black;
                    }
                </style>
                <button class="btn">打开小程序</button>
            </script>
        </wx-open-launch-weapp>
    </div>
    <script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script>
        var ClientId=0;


    //-----------配置开放标签-------------------------------------------------------------------------------------------------------------------------
    wx.config({
        debug: true,// 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
        appId: '@Model.appId',// 必填,公众号的唯一标识
        timestamp: '@Model.timestamp',// 必填,生成签名的时间戳
        nonceStr: '@Model.nonceStr',// 必填,生成签名的随机串
        signature: '@Model.signature',// 必填,签名,
        jsApiList: [
        'checkJsApi',
        'getLocation'

        ],
        openTagList: ['wx-open-launch-weapp']
    });
    wx.error(function (res) {
        alert(res.errMsg);
    });

说一下官网没有的吧,来点干活

注意:如果按照官网文档操作步骤都设置成功,在调用时wx.config begin 无法申请开放标签wx-open-launch-weapp 

这是因为没有引用https://res2.wx.qq.com/open/js/jweixin-1.6.0.js,

或者引用两个版本的js ,一定要只引用https://res2.wx.qq.com/open/js/jweixin-1.6.0.js这一个版本,不要引用多个版本js。

举例说明:

我是在前面引用了 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

后面又引用<script type="text/javascript" src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

导致调用时wx.config begin 没有开放标签wx-open-launch-weapp  ,去掉‘<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>’  就可以了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值