ホームページ  >  記事  >  WeChat アプレット  >  WeChat ミニ プログラムのネットワーク リクエスト

WeChat ミニ プログラムのネットワーク リクエスト

不言
不言オリジナル
2018-06-23 09:53:112301ブラウズ

この記事では主にWeChatアプレットのネットワークリクエストを紹介します。内容がとても良かったので、参考にさせていただきたいと思います。

以前に設定について話したときに、小さなプログラムを開発する場合、APPID を使用するか、APPID を使用しないかを選択できると言いました。

1. APPIDがある場合、ネットワーク通信は指定されたドメイン名とのみ通信できます。設定がない場合、コンパイル中に次のエラーが報告されます:

enter image description here

設定方法:

ドメイン名を設定します

WeChatパブリックのミニプログラムでドメイン名を設定する必要がありますプラットホーム。 WeChat アプレットの設定インターフェースで設定オプションを確認できます:

enter image description here

開発設定を選択します:

enter image description here

サーバー設定を確認できます:

enter image description here

ここで、ドメイン名を設定できます。アクセスできるAPP IDは、各種類最大2つまで設定できます。 (ここで使用できるのは https ドメイン名のみであることに注意してください。この申請プロセスにはある程度の時間がかかります)

2. APPID がない場合は、ドメイン名を制限せずに自由にネットワーク要求を行うことができ、非常に便利です。ただし、この場合、携帯電話での公開やプレビューはできません。小さなプログラムを正式に開発したい場合は、やはり https ドメイン名が必要ですが、学習するには http で十分です。

ミニプログラムでは、ネットワークリクエストは大きく4種類に分けられます。

  • 通常のHTTPSリクエスト(wx.request)

  • ファイルアップロード(wx.uploadFile)

  • ダウンロードファイル(wx.downloadFile)

  • WebSocket通信(wx.connectSocket)

ここでは主に wx.request について説明します。

wx.request を使用すると、WeChat アプレットは同時に 5 つのネットワーク リクエストのみを開始できます。同時ですのでご了承ください。

    wx.request({
      url: 'http://192.168.1.137:80/app/guanggao',
      method: 'POST',
      data: {
         type: "1"
      },
      header: {
        'Accept': 'application/json'
      },
      success: function (res) {
        that.setData({
          images: res.data.data.guanggao
        })
      }
      fail:function(err){
        console.log(err)
      }
    })

上記のコードは http get リクエストを送信しますが、パラメータは比較的理解しやすいものです。

  • URL サーバー URL アドレス

  • データリクエストパラメーターは、文字列データ: "xxx=xxx&xxx=xxx" またはオブジェクトデータ: {"userId":1} の形式にすることができます

  • ヘッダー設定 リクエストヘッダー

  • メソッド http メソッド、デフォルトは GET リクエスト

  • 成功インターフェース成功コールバック

  • 失敗インターフェース失敗コールバック

コードにない別のパラメーターもあります:

  • Completeインターフェイス呼び出し後のコールバックです。

タイムアウト設定

前回の記事でも触れましたが、アプリ内でnetworkTimeoutを設定することで、4種類のネットワークアクセスを設定することができます。 js タイムアウト時間:

"networkTimeout":{
  "request": 10000,
  "connectSocket": 10000,
  "uploadFile": 10000,
  "downloadFile": 10000
}

以上がこの記事の全内容です。その他の関連コンテンツについては、PHP 中国語 Web サイトをご覧ください。

関連する推奨事項:

WeChat アプレットでデータ変更後にページが表示されない問題が発生する問題を解決する方法

WeChat アプレットのモバイル ネットワーク ステータスを取得する方法 [ソース コード付き]

以上がWeChat ミニ プログラムのネットワーク リクエストの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。