UniApp のバックグラウンド リクエストの詳細な紹介

UniApp は、Vue.js に基づくクロスプラットフォーム開発フレームワークで、同じコード セットを使用した iOS、Android、および Web アプリケーションの開発をサポートします。 UniApp では、AJAX リクエストを使用してバックエンド サーバーと通信し、データを取得または送信できます。この記事では、UniAppのバックグラウンドリクエストについて詳しく紹介します。

UniApp では、uni.request または uni.uploadFile を使用して HTTP ネットワーク リクエストを開始します。 uni.request メソッドは通常のリクエストに使用され、uni.uploadFile メソッドはファイルのアップロードに使用されます。

まず、uni.request メソッドの使用方法を見てみましょう。このメソッドは Promise オブジェクトを返し、チェーン呼び出しを使用してリクエストを処理できます。

uni.request({
    url: 'http://www.example.com/api',
    data: {
        name: '小明',
        age: 18
    },
    method: 'POST',
    header: {
        'content-type': 'application/json'
    }
}).then(res => {
    console.log(res.data);
}).catch(err => {
    console.error(err);
});

上記のコードでは、サーバーにデータをリクエストします。 POST メソッドを使用して、JSON 形式でデータを渡しました。次に、リクエスト ヘッダーを設定して、JSON 形式のデータを使用していることをサーバーに伝えます。最後に、Promise ベースの非同期操作を使用してサーバーの応答を処理します。

ここで、uni.uploadFile メソッドを使用してサーバーにファイルをアップロードする方法を見てみましょう。

uni.chooseImage({
    success: function (res) {
        uni.uploadFile({
            url: 'http://www.example.com/upload',
            filePath: res.tempFilePaths[0],
            name: 'file',
            formData: {
                'user': '小明'
            },
            success: function (uploadRes) {
                console.log(uploadRes);
            },
            fail: function (err) {
                console.error(err);
            }
        });
    }
});

上記のコードでは、uni.chooseImage メソッドを使用して、アルバムまたはカメラから画像を選択しました。次に、uni.uploadFile メソッドを使用して、この画像をアップロードします。このリクエストでは、ファイルへのパス、ファイル名、フォーム データの 3 つのパラメーターを渡します。最後に、サーバーの応答を処理します。

もちろん、構成を通じて実現できるオプションや構成は他にもいくつかあります。これらのオプションと構成には次のものが含まれます:

1. url: 要求されたサーバー URL;
2. method: 使用される要求メソッド;
3. data: 要求されたデータ;
4. header: 要求されたメッセージ ヘッダー;
5. dataType: 応答データの種類。
6. timeout: リクエストのタイムアウト;
7. sslVerify: SSL 証明書の検証;
8. 成功:リクエストが成功したときのコールバック関数;
9. fail: リクエストが失敗したときのコールバック関数;
10. complete: リクエストが終了したときのコールバック関数;
11. formData: ファイルアップロード時のフォームデータ;
12. name: ファイルアップロード時のフィールド名;
13. filePath: アップロードされたファイル パス;
14. timeout: アップロードのタイムアウト。

上記のオプションと構成では、url、method、data、header、success と fail は必須ですが、その他はオプションです。

バックグラウンドからデータをリクエストする必要がある場合は、uni.request の上位 API である uni.request.toPromise および uni.requestAll.toPromise を使用することもできます。 ＃＃＃。これらの API は Promise ベースの非同期呼び出しであり、非同期コード フローとエラー処理をより適切に制御できます。

要約すると、UniApp は

uni.request メソッドと uni.uploadFile メソッドを簡単に使用して、ネットワーク要求とファイルのアップロードを行うことができます。リクエスト オプションを構成し、コールバック関数を使用することで、サーバーの応答を処理できます。もちろん、uni.request.toPromise や uni.requestAll.toPromise などの高レベル API を使用して、非同期コードのフローとエラー処理をより適切に制御することもできます。

以上がUniApp のバックグラウンド リクエストの詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。