REST API를 사용하여 Covid19 국가 상태 프로젝트를 만드는 방법은 무엇입니까?-JS 튜토리얼-php.cn

REST API를 사용하여 Covid19 국가 상태 프로젝트를 만드는 방법은 무엇입니까?

PHPz

풀어 주다： 2023-08-28 15:25:11

앞으로

850명이 탐색했습니다.

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

프로젝트를 생성하기 전에 먼저 REST API에 대해 논의하겠습니다. REST는 온라인 서비스를 만드는 데 도움이 되는 소프트웨어 아키텍처 스타일이자 표준 모음입니다. Representational State Transfer의 전체 이름은 REST입니다. 한편 API(Application Programing Interface)는 두 개 이상의 컴퓨터 프로그램 간의 통신을 가능하게 합니다. 다른 소프트웨어 프로그램에 서비스를 제공하는 소프트웨어 인터페이스입니다. 사용자는 웹 서비스에 액세스하려면 HTTP(Hypertext Transfer Protocol) 기반 REST API 규칙을 따라야 합니다.

기존 HTTP 메서드(예: GET, POST, PUT 및 DELETE)는 REST API의 데이터 개체와 같은 리소스에 액세스하고 수정합니다. 이는 URI(Uniform Resource Identifier)로 식별됩니다. API를 사용하여 XML 및 JSON을 포함한 다양한 형식으로 데이터를 전송할 수 있습니다. REST를 사용하면 작고 빠르며 쉽게 확장 가능한 웹 서비스를 구축할 수 있습니다. World Wide Web의 HTTP 프로토콜과 통신하기 위해 개발되었습니다. REST API는 표준 프로토콜을 기반으로 하기 때문에 웹 브라우저, 모바일 애플리케이션 및 기타 서버를 포함한 다양한 클라이언트에서 사용할 수 있습니다.

REST API는 애플리케이션이 서버의 리소스에 액세스하고 변경할 수 있는 쉽고 표준화된 방법을 제공하기 때문에 웹 및 모바일 애플리케이션 개발에 자주 사용됩니다.

Covid19 국가적 위상 프로젝트를 만드는 단계

REST API를 사용하면 다음 기본 단계에 따라 코로나19 국가 현황 프로젝트를 구축할 수 있습니다.

1단계 - 국가별로 분류된 코로나19 데이터를 제공하는 신뢰할 수 있는 API를 연구합니다. 이 튜토리얼에서는 https://covid19api.com/ API 링크를 사용합니다.

2단계 - 데이터를 가져오는 방법과 국가별로 데이터를 필터링하는 매개변수를 알아보려면 API 설명서를 참조하세요.

3단계 - AJAX 메서드를 사용하여 API에서 HTTP 요청을 보내고 응답 데이터를 가져옵니다.

4단계 - 프로젝트의 프런트 엔드를 개발하기 위해(사용자 친화적인 방식으로 데이터를 표시하기 위해) HTML 테이블과 CSS를 사용하여 데이터를 더 시각적으로 표현했습니다.

코로나19 국민현세 프로젝트

여기서 실제 프로젝트를 빌드하겠습니다. 이는 HTTP 요청을 수행하는 JavaScript AJAX 코드, 콘텐츠를 표시하는 HTML 본문, 사용자 친화적으로 만드는 CSS 스타일의 세 부분으로 나뉩니다. 우리는 사용자가 코드를 더 쉽게 읽고 사용할 수 있도록 jQuery AJAX 라이브러리를 사용합니다.

HTTP 응답 본문

국가의 코로나19 상황을 나타내는 실제 HTML 본문 코드에 대해 자세히 알아보기 전에 먼저 API 응답을 살펴보고 구조를 이해해야 합니다.

다음은 우리가 받은 API 응답의 일부입니다 -

으아아아

이 답변에서는 코로나19 국가에 대한 몇 가지 세부 정보를 제공하지만 프로젝트에서 중요한 부분은 국가 키입니다. 여기에는 특정 국가의 코로나19 국가 세부 정보를 나타내는 개체 집합이 포함되어 있습니다. 이 개체의 키는 설명이 필요하지 않습니다. 예를 들어 "국가"에는 국가 이름이 포함됩니다. "NewConfirmed"는 새로 확인된 covid19 사례를 저장합니다. 'TotalConfirmed'는 국내 전체 확진자 수를 저장한다. "NewDeaths"는 최근 사망자 수를 나타냅니다. 'TotalDeaths'는 국내 전체 사망자 수, 'NewRecovered'는 현재 회복된 환자 수, 'TotalRecovered'는 총 회복된 환자 수를 의미한다.