당신이 들어 본 적이없는 15 가지 웹 API

1/2 페이지 : 개발중인 웹 API

수많은 웹 API를 사용할 수 있으며 때로는 웹 개발자로서 새로운 API를 추적하기 어려울 수 있습니다. 최고의 가이드에서 놀라운 API를 많이 찾을 수 있습니다. JavaScript API , HTML APIGoogle API . 여기에서는 아직 완성되지 않았지만 향후 몇 개월 또는 몇 년 내에 중요해질 가능성이있는 웹 API 목록을 유용하게 수집했습니다. 여기에는 결제 처리, 센서 연결 등을위한 API가 포함됩니다.

최신 개발 사항에 대한 최신 정보를 얻으려면 다음 페이지의 GitHub 페이지를 참조하십시오. 웹 인큐베이터 커뮤니티 그룹 , 아니면 그 W3C의 뉴스 페이지 . 계속 지켜봐주세요!

01. 결제 요청 API

웹 사이트와 웹 애플리케이션에서 결제 양식과 워크 플로를 살펴볼 때 종종 서로 다릅니다. 그러나 원칙적으로 워크 플로는 항상 동일해야합니다. 장바구니 확인, 배송 및 청구 주소 추가, 결제 방법 선택, 모든 내용 확인, 이용 약관 동의 및 최종 요청 양식 보내기.



사용성 관점에서이 차이는 실제로 부정적인 영향을 미칠 수 있습니다. 마찬가지로, 필요할 때마다 새로운 결제 흐름을 구현하는 것은 개발자에게 매우 시간이 많이 걸리는 프로세스 일 수 있습니다. 다양한 양식을 구현해야하고 PayPal 또는 신용 카드와 같은 다양한 결제 방법을 통합해야하며 모든 것이 안전해야합니다.

현재 W3C에서 개발 한 지불 요청 API는 모든 사람의 프로세스를 단순화하도록 설정되어 있습니다. 결제 워크 플로우 생성 프로세스를 촉진하고 표준화하는 것을 목표로하며 여러 인터페이스를 제공합니다.

크리스마스에 그래픽 디자이너를 구하는 방법

02. 웹 공유 API웹 공유 대상 API

이러한 API는 한 애플리케이션에서 다른 애플리케이션으로의 공유 리소스를 표준화합니다.

이러한 API는 한 애플리케이션에서 다른 애플리케이션으로의 공유 리소스를 표준화합니다.

Web Share API의 목표는 모바일 애플리케이션에서 사용자가 지정한 대상 (다른 모바일 애플리케이션, 웹 사이트 또는 시스템)으로 리소스 (텍스트, 이미지, URL 등)를 공유하는 표준화 된 방법을 제공하는 것입니다. 모바일 OS에서 제공하는 서비스입니다.

Web Share API는 인터페이스의 항해자WorkerNavigator 방법으로 공유() , 공유 리소스를 매개 변수로 사용합니다. Web Share API는 리소스 공유 방법을 정의하지만 Web Share Target API는 이러한 공유 리소스를받는 방법을 정의합니다. 애플리케이션 (네이티브 또는 웹) 및 기타 서비스는이 API를 사용하여 공유 리소스를 수신하기 위해 공유 이벤트에 등록 할 수 있습니다.

03. WebUSB API

USB는 외부 장치를 컴퓨터에 연결하는 표준 방법 중 하나입니다. 마우스 및 키보드와 같은 장치는 자동으로 인식되지만 덜 일반적인 장치에서는 기본 드라이버 (즉, 기본 코드)를 설치해야합니다. 이 기본 코드는 이러한 장치를 브라우저에서 표준 방식으로 사용할 수 없음을 의미합니다.

이것이 바로 WebUSB API가 작동하는 곳입니다. USB 장치는이 API를 통해 서비스를 노출하여 웹 애플리케이션이 해당 서비스에 액세스 할 수 있습니다. 이를 달성하기 위해 인터페이스 항해자 속성으로 확장됩니다. USB , 그러면 다음 유형의 객체에 액세스 할 수 있습니다. USB ,이 API의 기본 진입 점입니다. 방법 사용 getDevices () 예를 들어 현재 사용 가능한 모든 장치의 목록을 검색 한 다음 직접 작업을 시작할 수 있습니다.

04. 지오 펜싱 API

Geofencing API를 사용하면 지리적 경계를 설정할 수 있습니다.

Geofencing API를 사용하면 지리적 경계를 설정할 수 있습니다.

현재 Geolocation API를 통해 이미 장치의 현재 지리적 위치를 확인할 수 있습니다. 그러나 새로운 Geofencing API를 사용하면 특정 위치 주변에 지리적 경계를 설정하고 장치가 해당 위치에 들어 오거나 나갈 때 알림을받을 수 있습니다. API는 서비스 워커를 기반으로하므로 종료 된 웹 애플리케이션에서 Geofencing API를 사용하더라도 알림을 계속 수신합니다.

05. 프레젠테이션 API

Presentation API는 JavaScript를 통해 프레젠테이션을 제어하는 ​​데 사용할 수 있습니다.

Presentation API는 JavaScript를 통해 프레젠테이션을 제어하는 ​​데 사용할 수 있습니다.

HTML5, CSS 및 JavaScript를 기반으로 프레젠테이션을 만들기위한 많은 라이브러리가 있습니다. 그러나 프레젠테이션의 제어 부분과 실제 프레젠테이션 간의 상호 작용을 처리하는 표준 방법은 없습니다. 여기에서 Presentation API가 작동합니다.

그이면의 아이디어는 프레젠테이션을 포함하는 하나의 웹 페이지와 프레젠테이션을 제어하기위한 코드를 실행하는 웹 페이지를 가질 수 있다는 것입니다. 프리젠 테이션 장치의 기능과 연결 메커니즘 (DVI, HDMI, Chromecast, AirPlay 등)에 따라 두 웹 페이지는 동일한 사용자 에이전트 (제어 장치에서)에서 실행되거나 하나는 제어 장치의 사용자 에이전트에서 실행됩니다. 다른 하나는 프레젠테이션 장치의 사용자 에이전트에서 실행됩니다.

06. 모양 감지 API

이미지에서 모양을 감지하는 기능은 매우 유용 할 수 있으며 (Facebook의 얼굴 감지 기능을 생각해보십시오) 다음과 같은 몇 가지 라이브러리를 사용할 수 있습니다. tracking.js . 현재 진행중인 Shape Detection API는 스틸 이미지 또는 라이브 이미지 피드에서 다양한 모양을 감지하는 인터페이스를 정의합니다.

현재 단계에서 API에는 얼굴 감지 용, 바코드 감지 용, 텍스트 감지 용의 세 가지 하위 API가 있습니다. FaceDetector, BarcodeDetector 및 TextDetector의 세 가지 인터페이스는 모두 비슷한 방식으로 사용됩니다. 모두 방법을 제공합니다. detect () , 이미지 소스를 입력으로 받고 약속 일련의 감지 된 모양이있는 개체.

07. 비동기 쿠키 API

쿠키 작업을위한 현재 인터페이스 ( document.cookie )은 그다지 편안하지 않습니다. 쿠키를 추가, 읽기 또는 삭제하는 표준 방법이 없으므로이 모든 작업은 문자열 구문 분석 및 문자열 조작을 통해 수동으로 수행해야합니다. 물론 이러한 모든 작업을 용이하게하는 도우미 라이브러리가 있지만 Async Cookies API를 사용하면 훨씬 쉽고 성능이 향상됩니다.

아이디어는 쿠키를 document.cookie , 이름이 지정된 새 객체도 제공합니다. cookieStore , 웹 페이지와 서비스 워커 모두에서 액세스 할 수 있습니다. 객체에는 다음과 같은 메소드가 있습니다. 쓰다()세트() 쿠키를 추가하려면 지우다() 그들을 삭제하고 읽다() 쿠키를 읽기 위해. 모두 비동기식으로 작동하므로 일부 쿠키 처리가 더 오래 걸리더라도 전체 성능에는 영향을 미치지 않습니다.

08. 입력 장치 기능 API

클릭 이벤트와 같은 입력 이벤트는 장치 입력의 추상적 인 표현 일뿐입니다. 이벤트를 생성하는 데 사용 된 실제 장치에 대한 정보는 포함되어 있지 않습니다. 개발자는 어떤 실제 입력 장치가 이러한 이벤트를 트리거했는지에 대해 가정해야합니다.

마우스 및 터치 이벤트를 모두 지원할 때 문제와 어려움이 발생할 수 있습니다. 일부 이벤트 (예 : mousedown )가 마우스에서 (마우스를 사용하기 때문에) 또는 호환성 이유로 인해 트리거되었습니다 (실제 장치는 터치 장치 임).

새로운 Input Device Capabilities API는 이러한 문제를 해결하고 새로운 인터페이스 ( InputDeviceCapabilities ), 새 속성을 통해 장치에 대한 정보를 제공합니다. sourceCapabilitiesUIEvent 상호 작용.

09. FlyWeb API

사물 인터넷의 부상과 함께 장치와 전자 장치가 서로 연결되고 상호 작용하는 방식이 점점 더 중요 해지고 있습니다. Mozilla 팀에서 개발중인 FlyWeb API의 아이디어는 전자 제품에서 웹 응용 프로그램을 제공 한 다음 동일한 네트워크 내의 다른 전자 장치 (예 : 스마트 폰)에서 이러한 응용 프로그램에 연결할 수 있도록하는 것입니다.

Adobe Creative Suite가 포함 된 macbook pro

스마트 폰을 게임 콘솔에 연결하고 싶다고 가정 해보십시오. 후자는 작은 FlyWeb 서버를 제공하고 스마트 폰에서 볼 수 있습니다.

10. 푸시 API

Push API를 사용하면 서버가 메시지를 클라이언트에 푸시 할 수 있습니다.

Push API를 사용하면 서버가 메시지를 클라이언트에 푸시 할 수 있습니다.

기존의 웹 애플리케이션에서는 서버가 클라이언트에 메시지를 능동적으로 보낼 수있는 방법이 없었습니다. 예를 들어 뉴스 티커를 업데이트하거나 일부 실시간 데이터 스트림을 업데이트 할 수 있습니다. 대신 개발자는 Long Polling, XHR Polling 또는 Hidden Frames와 같은 기술을 사용하여 실시간 연결을 시뮬레이션했습니다. 다행히 웹 소켓 및 SSE (Server-Sent Events) 덕분에 이러한 기술은 더 이상 필요하지 않습니다.

웹 소켓을 사용하면 클라이언트와 서버 간의 양방향 통신을 구현할 수 있으며 SSE를 사용하면 서버에서 클라이언트로가는 단방향 통신을 구현할 수 있습니다. 이는 서버에서 클라이언트로 업데이트를 능동적으로 보내는 데 적합합니다. 그러나 두 기술 모두 해당 업데이트를 수신하려면 브라우저 창 / 탭을 열어야합니다.

새로운 Push API에서는 이것이 필요하지 않습니다. Service Worker API에 직접 연결되어 서비스 워커가 서버에서 메시지를받을 수 있도록합니다. 즉, 웹 애플리케이션이 종료 된 경우에도 서비스 워커는 메시지를 계속 수신 할 수 있습니다. 예를 들어 다음을 통해 알림을 보내려는 경우 알림 API 사용자에게 업데이트에 대해 알립니다.

다음 : 알아야 할 5 가지 새로운 API

  • 1

현재 페이지: 개발중인 웹 API

다음 페이지 개발중인 더 많은 API