Comment passer du package de cartes WeChat au mini-programme ? Brève analyse des méthodes de mise en œuvre

青灯夜游
Libérer: 2022-01-11 10:08:47
avant
3690 Les gens l'ont consulté

Comment passer du package de cartes WeChat au mini-programme ? L'article suivant vous présentera comment implémenter et résoudre l'applet de saut du package de cartes WeChat. J'espère qu'il vous sera utile !

Comment passer du package de cartes WeChat au mini-programme ? Brève analyse des méthodes de mise en œuvre

Mini programme de saut de paquet de cartes WeChat

Triez d'abord le cycle de vie du mini programme**Cycle de vie du mini programme

onLaunch 生命周期函数--监听小程序初始化 当小程序初始化完成时,会触发 onLaunch(全局只触发一次)

onShow 生命周期函数--监听小程序显示 当小程序启动,或从后台进入前台显示,会触发 onShow

onHide 生命周期函数--监听小程序隐藏 当小程序从前台进入后台,会触发 onHide

onError 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
Copier après la connexion

Quelques exemples

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
  }
})
Copier après la connexion

Les résultats d'impression sont les suivants

Comment passer du package de cartes WeChat au mini-programme ? Brève analyse des méthodes de mise en œuvre

À ce stade, nous connaissons la séquence d'exécution du cycle de vie et les conditions de déclenchement du mini programme

Le mini programme de saut du paquet de cartes WeChat peut utiliser la méthode onshow dans app.js onshow(options)</ code> via <code>options</ code> obtient les paramètres. Il convient de noter ici que tous les paramètres obtenus par les options de <code>onshow dans app.js seront encapsulés. en query</ code>, c'est-à-dire <code>options.query pour obtenir les paramètres entrant dans le mini programmeonshow(options) 通过options获取的到参数,这里值得注意的是在app.js里面的onshow里面的options获取的参数全部会被封装在query,也就是options.query来获取到进入小程序的参数

坑:参数不一样,app.js有缓存本以为app.js里面获取到的参数和一般页面onload获取的参数一样,其实不一样,建议在页面onload的时候将onLoad: function (options) {}

Piège : Comment passer du package de cartes WeChat au mini-programme ? Brève analyse des méthodes de mise en œuvre

Les paramètres sont différents, app.js a du cache

Je pensais que app.js Les paramètres obtenus sont les mêmes que ceux obtenus par la page générale onload. En fait, ils sont différents. Il est recommandé de réaffecter la fonction onLoad:. (options) {} paramètres lors du chargement de la page, afin que chacun Les derniers paramètres soient obtenus à chaque fois Comme indiqué ci-dessous

🎜 est livré avec une petite configuration du package de cartes🎜🎜
新增或者修改会员卡字段
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"
        }
    }
}
Copier après la connexion
🎜 [Recommandations d'apprentissage associées : 🎜Tutoriel de développement de mini-programmes🎜]🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:juejin.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal