微信开放标签 wx-open-launch-weapp 踩坑日记

566 阅读1分钟

先贴上H5源码

h5跳转到小程序

// 通过ready接口处理成功验证 wx.ready(function () { // config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中 // alert("接口配置成功");

var btn = document.getElementById('launch-btn'); btn.style.display = "block"; btn.addEventListener('launch', function (e) { console.log('success'); }); btn.addEventListener('error', function (e) { console.log('fail', e.detail); }); });

wx.error(function (res) { alert(JSON.stringify(res)); }); 其中要注意的是,wx.config方法使用到的参数应该放在服务器端进行构建,特别是signature参数需要使用到accesstoken去获取ticket才能算出来

在小程序端启动获取启动参数时要注意,获取参数的方式与扫码不一样,启动项id是1167,在wx-open-launch-weapp标签的path属性里面填的url参数会直接存在options.query里面