微信卡包跳转小程序实现及解决

微信卡包跳转小程序

先梳理小程序生命周期
**
小程序生命周期

onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）onShow 生命周期函数--监听小程序显示 当小程序启动，或从后台进入前台显示，会触发 onShowonHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台，会触发 onHideonError 错误监听函数 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

一些例子

App({onLaunch: function (options) {console.log("app.js ---onLaunch---" );},onShow:function(){console.log("app.js ---onShow---");},onHide:function(){console.log("app.js ---onHide---");},onError: function (msg){console.log("app.js ---onError---" );},globalData: {userInfo: null}
})

打印结果如下

至此知道了小程序的生命周期执行顺序以及触发条件

微信卡包跳转小程序可以利用 app.js 里面的onshow方法 onshow(options) 通过options获取的到参数，这里值得注意的是在app.js里面的onshow里面的options获取的参数全部会被封装在query，也就是options.query来获取到进入小程序的参数

坑：
参数不一样，app.js有缓存
本以为app.js里面获取到的参数和一般页面onload获取的参数一样，其实不一样，建议在页面onload的时候将onLoad: function (options) {}参数重新赋值，这样每次就会获取到最新参数
如下所示

附带卡包的一点配置


新增或者修改会员卡字段
https://api.weixin.qq.com/card/update?access_token=token{"card_id": "pEVBpxI6Fb7xqUUfrTiD738NZht4","member_card": {"custom_field2": {"name": "到家小程序","app_brand_pass": "home/pages/index/index","app_brand_user_name": "gh_69986111111@app"}}
}特别注意的是：这个app_brand_user_name不是公众号的而是小程序的原始ID加上@app
app_brand_user_name
这样新增或者修改会员卡就可以进行跳转了;url也是需要的。{"card_id": "pEVBpxI6Fb7xqUUfrTiD738NZht4","member_card": {"custom_field2": {"url": "http://baidu.com",//这个URL必须存在"name": "到家小程序","app_brand_pass": "home/pages/index/index","app_brand_user_name": "gh_69986111111@app"}}
}

微信卡包跳转小程序实现及解决相关推荐

微信浏览器跳转小程序php,微信浏览器里面h5跳转小程序
微信浏览器里面h5跳转小程序注意事项,以vue框架为例一.获取jssdk配置,在wx.ready回调函数里面展示按钮wx.config({ debug: false, appId: data.ap ...
微信卡券跳转小程序遇到的小坑
作者: 苍茫小一关注需求背景在2019年8月13日之前,微信卡包里的卡券都是跳转到对应公众号的页面,但是在2019年7月26日时,微信发布通告:微信卡券"网页链接跳转"能力即将 ...
【IOS invalid signature】记录一次微信H5跳转小程序的坑
今天开发微信H5页面跳转小程序,安卓和开发者工具都没问题,IOS第一次进入会报错验签失败,我的是vue项目. 实测添加一行代码解决,只传原始地址,不能传完整url,看其他人什么刷新,什么判断都无效 l ...
vue代码怎么变成小程序_使用vue编写h5公众号跳转小程序的实现代码
前言:我使用vue编写的h5公众号,实现点击小程序入口,打开小程序,微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_App ...
H5和webview跳转小程序
一.微信H5跳转小程序 1. 可以通过URL Scheme 2.跳转小程序:wx-open-launch-weapp 用于页面中提供一个可跳转指定小程序的按钮.使用此标签后,用户需在网页内点击标签按 ...
微信会员卡，信息类目字段跳转小程序【custom_field1】【巨巨巨巨坑】
需求:小程序需要给用户发会员卡,并同步到微信卡包坑位:在base_info属性下的custom_field1,custom_field2,custom_field3使用官方文档无论怎么样都没法跳转小 ...
微信公众号自定义菜单跳转小程序
微信的小程序交给有赞开发,由微信手册,菜单跳小程序需要如下配置: ["type" => "miniprogram","name" =& ...
微信小程序实现微信APP上的扫一扫扫码跳到小程序对应的结果页面和签字等功能
最近做了一个小程序项目,这个小程序是搭配APP端使用的,大概需求是这样的,用户用微信的扫一扫或小程序首页的扫一扫都可以实现对APP上的二维码进行扫码识别,识别成功之后跳到页面进行渲染,然后用户可以对其 ...
微信公众号H5跳转小程序，wx-open-launch-weapp
直接上干货,不多哔哔~~ 注意事项 : 需要再公众号里面绑定需要跳转的小程序获取jssdk配置的时候需要再公众平台绑定安全域名微信版本要求为:7.0.12及以上. 系统版本要求为:iOS 10.3 ...
uniapp 微信云开发静态网站和云函数跳转小程序
uniapp 微信云开发静态网站和云函数跳转小程序云开发静态网站的创建云函数及copy-webpack-plugin 安装copy-webpack-plugin可能遇到的问题静态网站和云函数的搭 ...

微信卡包跳转小程序实现及解决

微信卡包跳转小程序

微信卡包跳转小程序实现及解决相关推荐

最新文章

热门文章