Web アプリケーション開発には主に 2 つのモードがあります。
-
フロントエンドとリアエンドが分離されていない
-
フロントエンドとリアエンドの分離
それらの違いを理解することは、対応する製品をテストするのに役立ちます。
フロントエンドとリアエンドが分離されていない
初期のWebアプリケーション開発ではフロントエンドとバックエンドを分離せず、主にバックエンドで直接テンプレートをレンダリングしてレスポンスを完成させる開発形態が主流でした。フロントエンドとバックエンドを分離しない方法で開発された Web アプリケーションのアーキテクチャ図は次のとおりです。
インターフェイス自動テストを学習したい場合は、ここで一連のビデオをお勧めします。このビデオは、ステーション B のネットワーク全体でナンバー 1 のインターフェイス自動テスト チュートリアルであると言えます。ユーザーが 1,000 人に達し、収集して使用するメモがあります。各種マスターの技術交流: 798478386
https://www.bilibili.com/video/BV17p4y1B77x/?spm_id_from=333.337ブラウザはサーバーへのリクエストを開始し、サーバーはリクエストを受信した後にデータベースからデータをフェッチし、HTML テンプレートをレンダリングしてレンダリングされた HTML データを返すか、リダイレクトを返します。作業のほとんどはバックエンドで処理され、クライアント (ブラウザー) はページの表示とユーザーの操作のみを担当します。
この開発手法には次のような特徴があります。
-
通常、アプリケーションに必要なバックグラウンド サーバーは 1 つだけです
-
クライアントは別のページをリクエストするだけでよく、サーバーはページ上のすべてのデータ ロジックを完了するため、http リクエストの数は少なくなります。
-
各リクエストは HTML であり、多くの冗長データが存在します。
-
開発中、フロントエンドとバックエンドのコードは高度に結合されており、問題の責任が明確ではありません。
-
シンプルなウェブサイトを開発する場合、効率は非常に高くなります
-
応答データはHTML形式のため、単一クライアントのみ対応可能、複数端末対応が必要な場合は別途開発が必要
フロントエンドとリアエンドの分離
AJAX テクノロジーの登場により、ページを更新せずに http リクエストをサーバーに送信できるため、フロントエンドとバックエンドを分離する開発モードが登場しました。
バックエンドはインターフェイスを開発するだけでよく、フロントエンドは AJAX リクエストを開始し、レンダリングし、フロントエンドへのインターフェイスを呼び出す方法によってバックエンド データを取得できます。フロントエンドとバックエンドを分離して開発したWebアプリケーションの構造図は以下のとおりです。
この開発手法には次のような特徴があります。
-
現在の Web 開発の主流モデルです
-
静的ファイルサーバーとバックエンドインターフェースサーバーが必要
-
バックグラウンド サーバーはデータ インターフェイス サービスのみを提供し、応答は多くの場合 JSON データです。
-
開発中、フロントエンドとバックエンドの責任が明確に分割されます。
-
フロントエンドとバックエンドのデカップリングを同時に開発できるため、開発効率が向上します。
-
1 つの背景で、Web サイト、アプリ、小さなプログラムなどのさまざまなアプリケーションのニーズを満たすことができます。
要約する
フロントエンドとバックエンドが分離されていないアプリケーションの場合、通常は機能テストのみが必要です。フロントエンドとバックエンドを分離したアプリケーションの場合、機能テストとインターフェイステストの両方が必要であり、機能テスト時にバグがフロントエンドの問題なのかバックエンドの問題なのかを分析することも必要です。