怎么從微信卡包跳轉(zhuǎn)到小程序？下面本篇文章給大家介紹一下微信卡包跳轉(zhuǎn)小程序實(shí)現(xiàn)及解決的方法，希望對(duì)大家有所幫助！
微信卡包跳轉(zhuǎn)小程序
先梳理小程序生命周期**小程序生命周期
onLaunch 生命周期函數(shù)--監(jiān)聽(tīng)小程序初始化 當(dāng)小程序初始化完成時(shí)，會(huì)觸發(fā) onLaunch（全局只觸發(fā)一次）
onShow 生命周期函數(shù)--監(jiān)聽(tīng)小程序顯示 當(dāng)小程序啟動(dòng)，或從后臺(tái)進(jìn)入前臺(tái)顯示，會(huì)觸發(fā) onShow
onHide 生命周期函數(shù)--監(jiān)聽(tīng)小程序隱藏 當(dāng)小程序從前臺(tái)進(jìn)入后臺(tái)，會(huì)觸發(fā) onHide
onError 錯(cuò)誤監(jiān)聽(tīng)函數(shù) 當(dāng)小程序發(fā)生腳本錯(cuò)誤，或者 api 調(diào)用失敗時(shí)，會(huì)觸發(fā) onError 并帶上錯(cuò)誤信息
一些例子
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
}
})
打印結(jié)果如下
至此知道了小程序的生命周期執(zhí)行順序以及觸發(fā)條件
微信卡包跳轉(zhuǎn)小程序可以利用 app.js 里面的onshow方法 onshow(options) 通過(guò)options獲取的到參數(shù)，這里值得注意的是在app.js里面的onshow里面的options獲取的參數(shù)全部會(huì)被封裝在query，也就是options.query來(lái)獲取到進(jìn)入小程序的參數(shù)
坑：參數(shù)不一樣，app.js有緩存本以為app.js里面獲取到的參數(shù)和一般頁(yè)面onload獲取的參數(shù)一樣，其實(shí)不一樣，建議在頁(yè)面onload的時(shí)候?qū)?code>onLoad: function (options) {}參數(shù)重新賦值，這樣每次就會(huì)獲取到最新參數(shù) 如下所示
附帶卡包的一點(diǎn)配置
新增或者修改會(huì)員卡字段
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"
}
}
}特別注意的是：這個(gè)app_brand_user_name不是公眾號(hào)的而是小程序的原始ID加上@app
app_brand_user_name
這樣新增或者修改會(huì)員卡就可以進(jìn)行跳轉(zhuǎn)了;url也是需要的。
{
"card_id": "pEVBpxI6Fb7xqUUfrTiD738NZht4",
"member_card": {
"custom_field2": {
"url": "http://baidu.com",//這個(gè)URL必須存在
"name": "到家小程序",
"app_brand_pass": "home/pages/index/index",
"app_brand_user_name": "gh_69986111111@app"
}
}
}
