ホームページ  >  記事  >  ウェブフロントエンド  >  REST APIを使用してCovid19国ステータスプロジェクトを作成するにはどうすればよいですか?

REST APIを使用してCovid19国ステータスプロジェクトを作成するにはどうすればよいですか?

PHPz
PHPz転載
2023-08-28 15:25:11762ブラウズ

如何使用 REST API 创建 Covid19 国家/地区状态项目?

プロジェクトを作成する前に、まず REST API について説明します。 REST は、オンライン サービスの作成に役立つソフトウェア アーキテクチャ スタイルおよび標準の集合です。 Representational State Transfer の正式名称は REST です。一方、アプリケーション プログラミング インターフェイス (API) を使用すると、2 つ以上のコンピューター プログラム間の通信が可能になります。これは、他のソフトウェア プログラムにサービスを提供するソフトウェア インターフェイスです。ユーザーは、Web サービスにアクセスするには、HTTP (ハイパーテキスト転送プロトコル) ベースの REST API ルールに従う必要があります。

従来の HTTP メソッド (GET、POST、PUT、DELETE など) は、REST API のデータ オブジェクトなどのリソースにアクセスし、変更します。これらは URI (Uniform Resource Identifier) によって識別されます。 API を使用すると、XML や JSON などのさまざまな形式でデータを転送できます。 REST を使用すると、小さく、高速で、簡単にスケーラブルな Web サービスを構築できます。 World Wide Web の HTTP プロトコルと通信するために開発されました。 REST API は標準プロトコルに基づいているため、Web ブラウザ、モバイル アプリケーション、その他のサーバーなどのさまざまなクライアントで使用できます。

REST API は、アプリケーションがサーバー上のリソースにアクセスして変更するための簡単で標準化された方法を提供するため、Web アプリケーションやモバイル アプリケーションの開発でよく使用されます。

Covid19国家賢明な国家プロジェクトを作成する手順

REST API を使用すると、次の基本的な手順に従って、新型コロナウイルス感染症 (COVID-19) の国別ステータス プロジェクトを構築できます -

ステップ 1 - 国ごとに分類された COVID-19 データを提供する信頼できる API を調査します。このチュートリアルでは、API リンク https://covid19api.com/ を使用します。

ステップ 2 - データを取得する方法と、データを国別にフィルターするためのパラメーターについては、API ドキュメントを参照してください。

ステップ 3 - AJAX メソッドを使用して、API で HTTP リクエストを送信し、応答データを取得します。

ステップ 4 - プロジェクトのフロントエンドを開発するため (ユーザーフレンドリーな方法でデータを表示するため)、HTML テーブルと CSS を使用してデータをより視覚的に表現しました。

Covid19国家賢明な状況プロジェクト

ここで実際のプロジェクトをビルドします。これは、HTTP リクエストを実行する JavaScript AJAX コード、コンテンツを表示する HTML 本体、およびユーザーフレンドリーにする CSS スタイルの 3 つの部分に分かれています。ユーザーがコードを読みやすく、使いやすくするために jQuery AJAX ライブラリを使用します。

HTTP 応答テキスト

国の Covid19 の状況を表す実際の HTML 本文コードの詳細に入る前に、API 応答を見てその構造を理解する必要があります。

以下は、受け取った API 応答の一部です -

リーリー

この返信では、新型コロナウイルス感染症 (COVID-19) が発生している国々についていくつか詳細を説明しますが、プロジェクトの重要な部分は「国」キーです。これには、特定の国の covid19 国の詳細を表すオブジェクトのセットが含まれています。オブジェクトのキーは一目瞭然です。たとえば、「 Country 」には国名が含まれます。 「Newconfirmed」には、新たに確認された covid19 症例が保存されます。 「Totalconfirmed」には、その国で確認された症例の合計数が保存されます。 「NewDeaths」は最近の死亡者数を表します。 「TotalDeaths」は国内の死亡者数の合計を表し、「NewRecovered」は現在の回復患者を表し、「TotalRecovered」は回復患者の総数を表します。

###例### リーリー

このプロジェクトは、初心者が AJAX、JavaScript、HTML、CSS についてさらに学ぶのに役立ちます。複数の郡の新型コロナウイルス感染症の状況を簡単に確認するためにも使用できます。

以上がREST APIを使用してCovid19国ステータスプロジェクトを作成するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。