ホームページ > ウェブフロントエンド > jsチュートリアル > Promiseを使用してWeChatアプレットAPIを操作する方法

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

php中世界最好的语言
リリース: 2018-06-08 14:26:24
オリジナル
1626 人が閲覧しました

今回は、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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート