홈페이지>웹 디자인 튜토리얼>자바스크립트 튜토리얼

프론트엔드와 백엔드 커뮤니케이션에서는 이러한 핵심 지식 포인트를 마스터해야 합니다!

저자：Eve Cole 업데이트 시간：2022-08-10 14:54:24

쉼이란 무엇인가?

Restful은 현재 가장 많이 사용되는 인터페이스 디자인 사양으로, 프론트엔드와 백엔드 모두가 알아야 할 사양입니다. 이 사양은 인터페이스 개발 시

클라이언트가 백엔드와 통신할 때 사용해야 하는

프로토콜

을 정의합니다.

-API를 통해 서비스를 종료합니다. HTTPS 프로토콜

도메인 이름

API는 전용 도메인 이름으로 배포되어야 하며 최대한 단순하게 유지되어야 합니다. API가 매우 간단하고 더 이상 확장되지 않을 것이라고 확신하는 경우 기본 도메인 이름 아래에 배치하는 것을 고려할 수 있습니다. 다음은 두 가지 일반적인 URL 루트 예입니다.

  • api.example.com/* 별도의 하위 도메인 이름이 사용됩니다. 인터페이스
  • example.com/api에 액세스합니다. /* 기본 도메인 이름 아래 단일 공간

버전(버전 관리)

의 모든 API는

이전 버전 API를 계속 사용할 수 있도록 하면서 새 버전의 API를 도입해야 합니다.

따라서

라우팅(라우터)

API

의 특정 URL에 대해서는

버전 지원

주소(경로)를 제공해야 하며
    ,
  • URL의 이름은 모두
  • 소문자여야 합니다.
    • Restful
  • 형식
  • 의 URL을 먼저 사용해야 하며
  • , 읽기 쉬운
  • URL이어야 하며,

URL에 하이픈(-) 또는 밑줄(_)을 사용해야 하는지 여부는 다음과 같습니다

.

엄격하고 빠른 규칙은 없지만, 팀 상황에 따른 스타일과 일관성을 유지해야 합니다

  • . https://api.example.com/zoos
  • https://api.example.com/animals
  • https://api.example .com/zoos/{zoo}/animals
  • https://api.example.com/animal_types
  • https://api.example.com/employees

동사(요청 메서드 메서드)

는 HTTP 동사로 표시되는 리소스에 대한 특정 작업 유형입니다. . 일반적으로 사용되는 5개의 HTTP 동사가 있습니다(해당 SQL 명령은 괄호 안에 있음).

  • GET(SELECT): 서버에서 리소스(하나 이상의 항목)를 검색합니다.
  • POST(CREATE): 서버에 새 리소스를 생성합니다.
  • PUT(UPDATE): 서버의 리소스를 업데이트합니다(클라이언트는 변경 후 전체 리소스를 제공합니다).
  • PATCH(UPDATE): 서버 업데이트 리소스(클라이언트가 변경된 속성을 제공함) 부분에서 업데이트합니다.
  • DELETE(DELETE): 서버에서 리소스를 삭제합니다.

url 매개변수

모든 URL 매개변수는 모두 소문자여야 하며 페이징 매개변수는 page 및 page_size로 고정되어야 합니다.

응답(Response)은

적절한 HTTP 상태 코드를 선택해야 합니다.
데이터는 JSON 형식으로 반환되어야 합니다.
모든 오류는 동일한 형식으로 지정되어야 합니다.

일반 상태 코드

  • 1xx는 요청이 수락되었으며 처리를 계속해야 함을 의미합니다.
  • 2xx는 일반적으로 요청이 성공했으며 요청에서 예상하는 응답 헤더 또는 데이터 본문이 이 응답과 함께 반환됩니다.
    • 200. 서버가 사용자가 요청한 데이터를 성공적으로 반환했습니다.
    • 201 사용자가 새 데이터를 생성하거나 데이터를 성공적으로 수정했습니다.
    • 202는 요청이 백그라운드 큐에 입력되었음을 의미합니다. (성공한 경우 반환 값이 없으며 비동기식입니다.)
    • 204 삭제가 성공적으로
      • 이루어졌습니다
  • . 리디렉션
  • 4xx 클라이언트 사유로 인한 오류
    • 404 요청한 인터페이스가 존재하지 않습니다. 오류 유형(요청 주소가 잘못되었습니다.)
    • 401 사용자가 로그인하지 않았습니다
    • . 403 사용자가 로그인했지만 액세스 권한이 없습니다.
    • 422 클라이언트 매개변수 오류, 확인 오류
    • 429 요청 제한 초과
  • 5xx 서버측 원인으로 인한 오류
    • 500 서버에 예상치 못한 상황이 발생하여 요청 처리를 완료할 수 없으며 서버 코드에서
    • 오류 503을 보고합니다. 서버가 유지 관리 중입니다.
    • 504 시간 초과
      • 입니다.
    • call

error format

'message' => ':message', // 오류에 대한 자세한 설명 'errors' => ':errors', // 매개변수 422 및 기타 상태에 대한 자세한 오류 설명은 'code' => ' :code', // 비즈니스 정의 예외 코드 'status_code' => ':status_code', // http 상태 코드 'debug' => ':debug', // 디버그 정보, 비프로덕션 환경에서

메시지가 무엇인지

제공

?

HTTP 메시지는 HTTP 요청과 응답 시 정보를 교환하는 데 사용됩니다. 클라이언트에서 서버로 유입되는 메시지는

요청 메시지와 응답 메시지의 두 가지 범주로 구분됩니다

. 요청 메시지와 응답 메시지의 기본 메시지 구조는 동일하며 다음 세 부분으로 구성됩니다.

  • 시작 라인: 처리를 수행합니다. 메시지 설명
  • 헤더: 일부 속성
  • 본문: 데이터 [선택 사항]

axios

호환 브라우저 및 노드 서버는 브라우저에서 XMLHttpRequests를 생성합니다.
node.js에서 http 요청을 생성하면

Promise API가 지원됩니다.
요청 및 응답 차단 지원, 요청 데이터 및 응답 데이터 변환, 요청 취소, JSON 자동 변환, XSRF 방어를 위한 데이터 클라이언트 지원

, 어서, 낯선 사람이 아니길 바랍니다. 당신에게 도움이 될 것입니다)

위 내용은 프론트엔드와 백엔드 커뮤니케이션에서 꼭 숙지해야 할 핵심 지식 포인트입니다! 더 자세한 사항은 PHP 중국어 홈페이지의 다른 관련 글을 참고해주세요!
관련 기사