Promiseを使用してWeChatアプレットAPIを操作する方法

今回は、WeChat Mini Program API を Promise で操作する方法と、WeChat Mini Program API を Promise で操作する際の注意点について説明します。実際のケースを見てみましょう。

お約束の理由

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)
 })
}

この記事のケースを読んだ後はメソッドを習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

実際のプロジェクトで Vue2.0 ラジオ選択を相互に排他的にする方法

AJAX 経由でアップロードされたファイル エンコード Base64

以上がPromiseを使用してWeChatアプレットAPIを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。