Wie wechselt man vom WeChat-Kartenpaket zum Miniprogramm? Kurze Analyse der Implementierungsmethoden

青灯夜游
Freigeben: 2022-01-11 10:08:47
nach vorne
3690 Leute haben es durchsucht

Wie wechselt man vom WeChat-Kartenpaket zum Miniprogramm? Im folgenden Artikel erfahren Sie, wie Sie das WeChat-Kartenpaket-Sprung-Applet implementieren und lösen. Ich hoffe, es hilft Ihnen!

Wie wechselt man vom WeChat-Kartenpaket zum Miniprogramm? Kurze Analyse der Implementierungsmethoden

WeChat-Kartenpaket-Jump-Miniprogramm

Sortieren Sie zunächst den Miniprogramm-Lebenszyklus**Miniprogramm-Lebenszyklus

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

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

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

onError 错误监听函数 当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息
Nach dem Login kopieren

Einige Beispiele

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
  }
})
Nach dem Login kopieren

Die Druckergebnisse sind wie folgt

Wie wechselt man vom WeChat-Kartenpaket zum Miniprogramm? Kurze Analyse der Implementierungsmethoden

An diesem Punkt kennen wir die Lebenszyklus-Ausführungssequenz und die Auslösebedingungen des Miniprogramms

Das Miniprogramm „WeChat Card Package Jump“ kann die Onshow-Methode in app.js onshow(options)</ verwenden code> über <code>options</ code> erhält die Parameter. Hierbei ist zu beachten, dass alle Parameter, die durch die Optionen in <code>onshow in app.js erhalten werden, gekapselt werden in query</ code>, also <code>options.query, um die Parameter zu erhalten, die in das Miniprogramm eingegeben werdenonshow(options) 通过options获取的到参数,这里值得注意的是在app.js里面的onshow里面的options获取的参数全部会被封装在query,也就是options.query来获取到进入小程序的参数

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

Fallstrick: Wie wechselt man vom WeChat-Kartenpaket zum Miniprogramm? Kurze Analyse der Implementierungsmethoden

Die Parameter sind unterschiedlich, app.js hat einen Cache

Ich dachte, dass app.js die darin erhaltenen Parameter die gleichen sind wie die, die durch das allgemeine Seiten-Onload erhalten werden. Tatsächlich wird empfohlen, die Funktion onLoad: neu zuzuweisen (Optionen) {} Parameter beim Laden der Seite, sodass jedes Mal die neuesten Parameter abgerufen werden Wie unten gezeigt

🎜 kommt mit einer kleinen Konfiguration des Kartenpakets🎜🎜
新增或者修改会员卡字段
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"
        }
    }
}
Nach dem Login kopieren
🎜【Verwandte Lernempfehlungen:🎜Mini-Tutorial zur Programmentwicklung🎜】🎜

Das obige ist der detaillierte Inhalt vonWie wechselt man vom WeChat-Kartenpaket zum Miniprogramm? Kurze Analyse der Implementierungsmethoden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:juejin.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage