WeChat 미니 프로그램 API 캡슐화

이번에는 WeChat Mini 프로그램 API 캡슐화에 대해 알려드리겠습니다. WeChat Mini 프로그램 API 캡슐화에 대한 주의사항은 무엇인가요? 아래에서 실제 사례를 살펴보겠습니다.

약속의 이유

WeChat 애플릿 API는 객체매개변수 콜백 모드를 사용합니다. 이로 인해 콜백 지옥이 쉽게 발생하고 코드 읽기, 판단, 수정 및 디버그가 어려워집니다.

WeChat 애플릿 API 예

// 获取用户信息
  wx.getSetting({
   success: res => {
    if (res.authSetting['scope.userInfo']) {
     // 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框
     wx.getUserInfo({
      success: res => {
       // 可以将 res 发送给后台解码出 unionId
       this.globalData.userInfo = res.userInfo
      }
     })
    }
   }
  })

레이어가 2개일 경우 코드가 매우 어색해지는 것을 볼 수 있습니다

애플릿을 약속합니다

애플릿 API를 약속할 수 있는 공개 함수를 작성하세요

function promisify (method, options = {}) {
 return new Promise((resolve, reject) => {
  // 将options对象赋值 然后再传给下面调用的方法中
  options.success = resolve
  options.fail = err => {
   reject(err)
  }
  wx[method](options)
 })
}

예제를 사용하세요

통과 추가 매개변수는 객체 분해를 통해 전달됩니다.

promisify('getUserInfo')
 .then((res) => console.log(res))
 .catch((err) => {console.error(err)})
promisify('navigateTo', { url })

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

호 모양의 드래그 진행률 표시줄을 구현하는 단계에 대한 자세한 설명

angular6.0에서 구성 요소 지연 로딩 기능을 구현합니다(코드 포함)

위 내용은 WeChat 미니 프로그램 API 캡슐화의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!