WeChat 카드 패키지에서 미니 프로그램으로 이동하는 방법은 무엇입니까? 구현 방법에 대한 간략한 분석

WeChat 카드 패키지에서 미니 프로그램으로 이동하는 방법은 무엇인가요? 다음 글에서는 WeChat 카드 패키지 점프 애플릿을 구현하고 해결하는 방법을 소개하겠습니다. 도움이 되길 바랍니다!

위챗 카드패키지 점프 미니 프로그램

우선 미니프로그램 라이프사이클을 정리**미니프로그램 라이프사이클

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

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

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

onError 错误监听函数 当小程序发生脚本错误，或者 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
  }
})

인쇄 결과는 다음과 같습니다

이 시점에서 우리는 미니 프로그램의 라이프 사이클 실행 순서와 트리거 조건을 알았습니다

WeChat 카드 패키지 점프 미니 프로그램은 app.js onshow(options)에서 onshow 메소드를 사용할 수 있습니다. code>에서 <code>options를 통해 매개변수를 가져옵니다. 여기서는 app.js의 onshow에 있는 옵션으로 얻은 모든 매개변수가 캡슐화된다는 점에 주목할 필요가 있습니다. query code>, 즉 미니 프로그램에 들어가는 매개변수를 얻기 위한 <code>options.queryonshow(options) 通过options获取的到参数，这里值得注意的是在app.js里面的onshow里面的options获取的参数全部会被封装在query，也就是options.query来获取到进入小程序的参数

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

함정:

매개변수가 다릅니다. app.js에는 캐시가 있습니다

app.js에서 얻은 매개변수는 일반 페이지 onload에서 얻은 매개변수와 동일한 것으로 생각했습니다. 실제로는 onLoad: 함수를 다시 할당하는 것이 좋습니다. (옵션) 페이지가 로드될 때 {} 매개변수를 사용하여 매번 최신 매개변수를 가져옵니다. 아래와 같이

🎜 약간의 카드 패키지 구성이 함께 제공됩니다🎜🎜

新增或者修改会员卡字段
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"
        }
    }
}

🎜【관련 학습 권장 사항:🎜Mini 프로그램 개발 튜토리얼🎜】🎜

위 내용은 WeChat 카드 패키지에서 미니 프로그램으로 이동하는 방법은 무엇입니까? 구현 방법에 대한 간략한 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!