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

青灯夜游
풀어 주다: 2022-01-11 10:08:47
앞으로
3690명이 탐색했습니다.

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 카드 패키지에서 미니 프로그램으로 이동하는 방법은 무엇입니까? 구현 방법에 대한 간략한 분석

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

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

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

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

매개변수가 다릅니다. 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:juejin.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿