개발자 리소스



Queue-Fair 추가

가상 대기실은 다양한 웹 및 앱 플랫폼에 몇 분 만에 쉽게 추가할 수 있습니다. 어댑터 중 하나를 사용하기만 하면 됩니다. Queue-Fair 서비스를 기존 시스템과 통합하는 가장 좋은 방법에 대한 자세한 내용은 기술 가이드 또는 Queue-Fair 포털 > 도움말 섹션에서 확인할 수 있습니다. 봇이나 사람이 여러 주문을 하지 못하도록 막거나 과도한 가스 수수료로부터 NFT 판매를 보호하는 방법에 대한 정보를 찾고 계신다면, 이 개요를 읽어보시거나 포털의 보안 가이드 섹션에서 자세한 내용을 확인하실 수 있습니다.

Queue-Fair를 시작하는 가장 빠른 방법은 무료 티어에 가입하는 것입니다. 무료 티어 계정에 가입하는 것입니다. 지금 온라인으로 가입하고 즉시 통합 및 테스트를 시작할 수 있습니다.

대기열 요금 설정에 도움이 필요하신가요? 알아야 할 모든 것이 여기에 있습니다.

클라이언트 측 어댑터

웹사이트의 경우, 가장 간단한 방법은 페이지에 클라이언트 측 Queue-Fair 어댑터 JavaScript 태그를 추가하는 것입니다. 사이트의 모든 페이지에 어댑터를 안전하게 추가할 수 있으며, Queue-Fair 포털의 활성화 규칙을 사용하여 대기열을 던질 수 있는 페이지를 결정할 수 있습니다.

워드프레스닷컴의 자바스크립트 클라이언트 측 어댑터는 다른 제공업체의 클라이언트 측 통합 기능보다 더 안전합니다. 클라이언트 측 어댑터는 방문자의 브라우저에서 실행되기 때문에 기술적으로 숙련된 방문자가 변조할 수 있지만, 자바스크립트를 변조하여 대기열을 건너뛰려고 시도하는 사람은 극소수에 불과하므로 과부하를 방지하는 데 매우 효과적입니다. 대부분의 고객이 클라이언트 측 어댑터를 사용하는 이유는 사이트 다운을 방지하는 데 효과적이고 설치가 간편하며 워드프레스닷컴 시스템과 사용자 시스템 간에 종속성을 유발하지 않기 때문입니다. 다른 제공업체의 클라이언트 측 통합 기능과 달리 기술 가이드에 설명된 하이브리드 보안 모델을 사용하여 변조 방지 기능을 구현할 수 있습니다.

JavaScript 태그를 서버 측 어댑터로 대체하여 보안 계층을 추가하거나 이 페이지에 설명된 하이브리드 보안 모델과 JavaScript 어댑터의 유연성을 결합할 수 있으며, 두 가지 방법 모두 안전합니다.

한 줄의 코드

사이트에 클라이언트 측 어댑터를 추가하려면 다음 한 줄의 코드를 <head> 페이지의 섹션:

글로벌 커뮤니티는 워드프레스 플러그인용 대기열 시스템의 세금 정렬 정제 가격을 제외합니다.

일부 고객은 defer 를 태그에 추가하면 페이지 구문 분석과 동시에 어댑터 스크립트가 다운로드되고 페이지 구문 분석이 완료될 때(일반적으로 페이지의 다른 스크립트가 완료된 후) 방문자의 브라우저에서만 스크립트 실행이 시작됩니다.

지연이라는 단어를 추가하면 경우에 따라 첫 번째 페인트 시간을 몇 분의 1초 정도 단축할 수 있지만, 이 옵션을 선택하면 대기열에 추가되어야 하는 방문자가 대기열로 전송되기 전에 보호된 페이지를 몇 분의 1초 동안 더 오래 보게 됩니다.

Google 태그 관리자

또한 Google 태그 관리자를 통해 JavaScript 어댑터 태그를 제공합니다. 커뮤니티 템플릿 갤러리의 태그 추가 아래에서 Queue-Fair를 검색하세요. 일부 광고 차단기는 Google에서 마스터 gtm.js를 다운로드하지 못하게 하여 해당 방문자에 대한 대기열 시스템 어댑터 실행을 포함한 Google 태그 매니저의 모든 작업을 차단합니다.

워드 프레스 플러그인 WP 크론 저렴한 가격으로 워드 프레스 검색 및 사이트 커뮤니티 게시물을위한 훌륭한 도구

GitHub 리포지토리

데이터 달러를 생성하는 워드 프레스 작업 플러그인 속성 PHP 필요 없음

Google 태그 관리자

Queue-Fair 가상 대기실 Google 태그 관리자 클라이언트 측 어댑터 태그의 GitHub 리포지토리.

동적 대기열 페이지

클라이언트 측 자바스크립트 태그와 Google 태그 관리자 구현에서 사용할 수 있는 데이터-큐-페어-추가 속성을 사용하여 원하는 모든 데이터를 사이트에서 대기열 시스템과 방문자에게 표시되는 대기열 페이지로 전달할 수 있습니다. 계정에서 동적 대기열 페이지를 사용하려면 지원팀에 문의하세요.

이 기능을 사용하여 대기열 페이지를 즉석에서 사용자 정의할 수 있습니다. 또한 추가 보안 계층을 위해 방문자와 함께 당사에 전송하는 데이터를 큐를 통과할 때 다시 사이트로 전달할 수 있습니다.

또한 추가 데이터를 사용하여 큐 페이지의 모든 측면을 사용자 지정하는 동적 큐 페이지 API를 제공하므로 전체 사이트에 대해 하나의 큐를 생성하고 큐 페이지 포털에서 큐 페이지를 변경할 필요 없이 사이트의 다양한 이벤트 또는 제품에 맞게 자동으로 사용자 지정할 수 있습니다.



Shopify, 우커머스 및 워드프레스 대기열 관리

WooCommerce 쇼핑 카트 시스템과 같은 워드프레스 기반 사이트를 사용하는 경우 테마나 템플릿을 수정하거나 워드프레스 코드를 건드리지 않고도 워드프레스 삽입 머리글 및 바닥글 플러그인을 사용하여 클라이언트 측 자바스크립트 어댑터 태그를 쉽게 추가할 수 있습니다.

머리글 및 바닥글 삽입 플러그인을 다운로드하여 /wp-content/plugins/ 폴더에 압축을 풀고 플러그인 메뉴에서 플러그인을 활성화한 다음 설정 메뉴에서 플러그인을 열고 그림과 같이 머리글의 스크립트에 태그를 추가한 다음 페이지 하단의 저장을 누르면 완료됩니다! 워드프레스 대기열 관리가 간단해졌습니다. 태그를 추가하는 데 사용할 수 있는 다른 워드프레스 플러그인도 있지만 이 플러그인이 가장 인기 있습니다.

일부 워드프레스 클라이언트는 워드프레스 오류 페이지에도 Queue-Fair 자바스크립트 태그를 추가하고 싶어하는데, 이 경우 /wp-includes/functions.php를 편집하여 해당 파일의 _dault_wp_die_handler 함수 내에 포함된 HTML에 추가하면 됩니다.

다음은 Shopify 스토어에 Queue-Fair 클라이언트측 자바스크립트 어댑터를 추가하는 지침입니다. theme.liquid 레이아웃 파일에서 코드 편집을 위해 사용자 지정을 누른 후 왼쪽 상단에 있는 점 3개를 사용합니다.

온포인트 백그라운드 콜백 제어를 위한 브랜드 조인 템플릿

클라이언트 측 스퀘어스페이스 가상 대기실

로그인하고 웹사이트를 선택한 다음 왼쪽 탐색에서 웹사이트, 웹사이트 도구(왼쪽 탐색의 유틸리티 섹션), 코드 삽입을 차례로 선택한 다음 헤더 상자에 복사하여 붙여넣고 왼쪽 상단의 저장을 클릭하면 클라이언트측 자바스크립트 어댑터를 스퀘어스페이스 사이트에 매우 쉽게 추가할 수 있습니다.

스퀘어스페이스의 보안을 극대화하려면 아래에 설명된 스퀘어스페이스 네트워크-엣지 어댑터를 사용하세요.


클라이언트 측 어댑터 추가 리소스

클라이언트 측 어댑터는 기술 가이드에 자세히 설명되어 있습니다. 기술 가이드는 Queue-Fair 포털 > 도움말 섹션에서 확인하거나 당사에 사본을 요청할 수 있습니다.


서버 측 어댑터

클라이언트 측 어댑터는 방문자의 브라우저에서 자바스크립트로 실행되는 반면, Queue-Fair 서버 측 어댑터는 웹서버에서 실행됩니다.즉, 서버가 방문자를 대기열로 더 효율적으로 보낼 수 있습니다. 악의적인 공격자는 사이트의 콘텐츠를 볼 수 없지만 봇은 여전히 서버에 요청을 할 수 있으므로 완전한 DDoS 보호를 위해 아래의 네트워크 에지 어댑터 중 하나를 사용하세요.

웹 서버 어댑터

즉, 웹 서버가 추가 보안 기능을 활용하여 대기열에 포함되지 않은 사용자에 대한 액세스를 거부할 수 있습니다. 또한 웹 서버가 어댑터 스크립트가 포함된 페이지를 생성하고 제공하는 부하를 피할 수 있습니다.

Queue-Fair 서버 측 어댑터 라이브러리를 추가하는 데는 최소한의 코드 변경만으로 몇 분이면 어댑터가 활성화 및 실행됩니다.

대부분의 고객은 클라이언트 측 자바스크립트 어댑터로 시작하여 특정 기능이나 비즈니스 요구가 있는 경우에만 서버 측 어댑터로 이동합니다.

간편 및 안전 모드

Queue-Fair 서버 측 어댑터는 단순 또는 안전 모드에서 작동할 수 있습니다.

단순 모드에서는 대기열이 형성되었는지 여부에 관계없이 모든 방문자가 Queue-Fair 서버로 전송되어 카운트됩니다. 대기열이 있는 경우 대기열에 합류합니다. 대기열이 없는 경우에는 대기열 페이지가 표시되지 않고 바로 웹 서버로 돌아가지만, 대기열을 통과한 사람만 보호된 리소스에 액세스할 수 있도록 웹 서버에 서명이 필요합니다.

안전 모드에서는 대기열이 있을 때만 방문자가 Queue-Fair 서버로 전송됩니다. 웹 서버는 이 결정을 내리기 위해 백그라운드에서 대기열 서버를 직접 참조합니다. 방문자가 대기열에 참여하든 대기열이 비어 있어 대기열 페이지가 표시되지 않고 통과되든 방문자는 여전히 안전하게 디지털 서명됩니다.

안전 모드는 일상적인 대기열에 권장됩니다. 단순 모드는 웹 서버에서 대기열 서버로의 확인 호출로 인한 대기 시간을 없애 대기열에 참여할 사람들을 보다 효율적으로 보낼 수 있으므로 수천 명이 예상되는 시간 제한 이벤트나 세일에 적합합니다.

GitHub 리포지토리



동적 대기열 페이지

클라이언트 측 어댑터와 마찬가지로, 사용자가 원하는 모든 데이터를 웹 서버에서 당사 서버로 전달할 수 있으며, 사람들이 대기열에 참여할 때 서버 측 어댑터 호출에서 이 정보를 전달하여 방문자에게 표시되는 대기열 페이지에 전달할 수 있습니다. 이를 통해 동적 대기열 페이지 또는 기타 즉석 사용자 지정이 가능하며, 클라이언트 측 어댑터의 모든 기능이 완벽하게 지원됩니다. 계정에서 동적 대기열 페이지를 사용하려면 지원팀에 문의 하세요.

서버 측 어댑터 추가 리소스

서버 측 어댑터는 기술 가이드에 자세히 설명되어 있습니다. 기술 가이드는 Queue-Fair 포털 > 도움말 섹션에서 확인하거나 당사에 사본을 요청할 수 있습니다. 각 어댑터에 대한 자세한 정보는 각 GitHub 글로벌 커뮤니티 리포지토리의 README.md에서도 확인할 수 있습니다.


네트워크 에지 어댑터

Queue-Fair 네트워크 엣지 어댑터는 방문자의 브라우저나 오리진 서버가 아닌 CDN 또는 클라우드 서비스 제공업체의 프레임워크 내부에서 실행됩니다. 이는 DDoS 공격을 포함한 봇 공격으로부터 서버를 보호하는 가장 좋은 방법입니다.

람다 및 CDN 제공업체 어댑터

이는 서버측 어댑터와 동일한 기능 및 보안을 제공하며 다이렉트 링크와 동일한 부하 보호 기능을 제공합니다.

Queue-Fair 네트워크-엣지 어댑터 라이브러리를 추가하면 클라우드 제공업체에서 최소한의 코드 변경만으로 단 몇 분이면 일반적으로 람다 함수 또는 엣지 워커로 배포되는 어댑터를 활성화 및 실행할 수 있습니다.

간편 및 안전 모드

서버 측 어댑터와 마찬가지로 네트워크 에지 어댑터도 단순 또는 안전 모드에서 작동할 수 있습니다.

사용 가능한 어댑터



동적 대기열 페이지

클라이언트 측 어댑터와 마찬가지로, 어댑터 호출에서 이 정보를 전달하여 원하는 모든 데이터를 사이트에서 당사 서버와 방문자에게 표시되는 대기열 페이지로 전달할 수 있습니다. 이렇게 하면 사람들이 동일한 방식으로 대기열에 참여할 때 동적 대기열 페이지 또는 기타 즉석 사용자 지정이 용이해지며, 클라이언트 측 어댑터의 모든 기능이 완벽하게 지원됩니다. 계정에서 동적 대기열 페이지를 사용하려면 지원팀에 문의하세요.

네트워크 에지 어댑터 추가 리소스

네트워크 에지 어댑터는 기술 가이드에 자세히 설명되어 있습니다. 기술 가이드는 Queue-Fair 포털 > 도움말 섹션에서 확인하거나 당사에 사본을 요청할 수 있습니다. 각 어댑터에 대한 자세한 정보는 각 GitHub 글로벌 커뮤니티 리포지토리의 README.md에서 확인할 수도 있습니다.


REST API

Queue-Fair는 개발자에게 6개의 REST API 모듈에 대한 액세스 권한을 부여합니다. API를 사용하려면 Queue-Fair 계정이 필요합니다. 계정에 대한 API 액세스를 활성화하려면 Queue-Fair 지원팀에 문의하세요. 당사의 REST API 모듈은 OpenAPI, RFC 7807 및 RFC 3339 표준을 준수합니다.

당사의 API 모듈 제품군은 포괄적이며, 개인정보 보호를 위해 제외된 포털 사용자 관리를 제외하고 포털에서 수행할 수 있는 모든 작업을 API를 통해서도 수행할 수 있습니다.

각 API 모듈은 api.queue-fair.net에 상세히 설명되어 있으며, 사용과 테스트가 간편한 Swagger 인터페이스도 확인할 수 있습니다. 보안을 위해 모든 API 호출은 보안 TLS 암호화로 보호되며, 계정에 고유한 API 키가 필요합니다.

API 모듈



동적 대기열 페이지

포털 또는 프레젠테이션 API를 사용하여 데이터베이스를 업데이트할 필요 없이 대기열 페이지를 즉시 수정할 수도 있습니다. 자세한 내용을 알아보거나 계정에서 동적 대기열 페이지를 사용 설정하려면 지원팀에 문의하세요.

REST API 추가 리소스

RFC 7807에서 요구하는 대로 REST API 모듈에서 반환할 수 있는 오류 메시지에 대한 설명서는 queue-fair.com/api-error에서 확인할 수 있습니다.


네이티브 앱

Queue-Fair는 데스크톱과 노트북은 물론 모바일 브라우저에서도 멋지게 보입니다.

또한, 리소스 집약적인 활동이나 작업을 보호하기 위해 네이티브 iOS 및 Android 앱과 iOS, Android, Windows 및 MacOS의 React Native 앱에서 직접 Queue-Fair를 사용할 수도 있습니다.

Queue-Fair 앱 어댑터는 웹 클라이언트를 사용하여 앱을 연결하고 서비스가 너무 바쁠 때 사용자에게 사용자 지정 대기열 표시를 표시하며, 유연성과 사용 편의성을 제공합니다. Queue-Fair Portal.

사용자를 웹사이트 방문자와 동일한 대기열에 대기시키거나 앱 사용자를 위한 별도의 대기열을 설정할 수 있으며, 이는 여러분의 선택에 달려 있습니다.

웹 기반 대기열과 마찬가지로, 대기열에 참여한 사용자가 앱에서 다른 곳으로 이동해도 각 사용자의 위치가 자동으로 저장됩니다.

GitHub 리포지토리

대기열 알림

Queue-Fair 어댑터에는 콜백 기능이 있어 앱이나 대기열을 사용하지 않는 사용자에게 자신의 차례가 호출될 때 푸시 알림을 쉽게 보낼 수 있습니다. 대기열에서 사용자의 위치는 앱의 어댑터에 의해 자동으로 영구적으로 저장됩니다. 사용자가 앱에서 다른 곳으로 이동하면 앱에서 푸시 알림 서버에 알림을 보내야 한다고 알려 저장된 대기열 위치 정보를 푸시 알림 서버에 해당 메시지의 일부로 전송합니다.

이는 영국에서만 약 200만 건의 다운로드를 기록한 WeQ4U 소비자 앱과 서비스에 사용하는 것과 동일한 기술입니다.

푸시 알림 서버는 주기적으로 Queue-Fair 상태 API를 참조하여 현재 서비스 중인 대기열 위치를 쿼리합니다. 이 값이 특정 사용자의 대기열 위치보다 크면 해당 사용자에게 알림을 보내야 할 때입니다. 푸시 알림이 전송되기 전에 사용자가 대기열로 돌아가거나 전달되면 어댑터의 콜백이 앱에 알리고, 앱은 푸시 알림 서버에 알림이 더 이상 필요하지 않다고 알립니다.

저희가 알기로는 이 기능을 지원하는 가상 대기실 제공업체는 에어비앤비가 유일합니다.

비디오 리소스

다음은 네이티브 앱 어댑터가 작동하는 동영상으로, 앱이 완전히 중지된 경우에도 사용자의 위치가 저장되고 앱이 푸시 알림을 전송하는 데 사용하는 어댑터 후크도 보여 줍니다.

추가 리소스

네이티브 앱 어댑터는 기술 가이드에 설명되어 있습니다. 기술 가이드는 Queue-Fair 포털 > 도움말 섹션에서 확인하거나 당사에 사본을 요청할 수 있습니다. 또한 각 GitHub 글로벌 커뮤니티 리포지토리의 README.md에서 iOS 및 Android에 특정한 각 어댑터에 대한 자세한 정보를 찾을 수 있습니다.


전자 상거래 어댑터

위에서 설명한 클라이언트 측 자바스크립트 어댑터를 사용하여 모든 이커머스 시스템에 Queue-Fair를 쉽게 추가할 수 있습니다.

또한 많은 인기 전자상거래 서버에서 서버 측에서 작동할 수 있는 어댑터 코드도 제공합니다.

GitHub 리포지토리

추가 리소스

당사의 어댑터는 기술 가이드에 설명되어 있습니다. 기술 가이드는 Queue-Fair 포털 > 도움말 섹션에서 확인하거나 당사에 사본을 요청할 수 있습니다.

또한 대부분의 이커머스 플랫폼에 대한 추가 가이드도 준비되어 있으니 원하는 가이드를 요청하세요.


하이브리드 보안

클라이언트 측 자바스크립트 어댑터의 유연성과 서버 측 코드가 제공하는 추가 보안 계층을 쉽게 결합할 수 있습니다.

Queue-Fair는 당사가 통과하는 각 방문자에게 해당 방문자 고유의 디지털 지문을 사용하여 서명합니다. 업계에서 유일하게 이 서명에는 액세스 토큰이 공유되는 것을 방지하기 위해 방문자의 브라우저에 고유한 코드도 포함되어 있습니다.

귀하의 웹 서버는 방문자가 아닌 귀하와 당사에만 알려진 비밀을 사용하여 서명의 유효성을 검사하여 각 방문자가 Queue-Fair 서버를 공정하게 통과했는지 확인할 수 있습니다.

따라서 클라이언트 측 자바스크립트 어댑터를 사용하여 최소한의 서버 측 코드로 방문자와 대기열을 주고받고, 주문 전에 변조 여부를 확인할 수 있으며, 시스템에 종속성을 도입하지 않아도 됩니다.

예제 코드는 모든 주요 웹 프로그래밍 언어의 GitHub 글로벌 커뮤니티 리포지토리에 포함되어 있습니다.

GitHub 리포지토리

추가 리소스

하이브리드 보안 모델은 기술 가이드에 자세히 설명되어 있습니다. 기술 가이드는 Queue-Fair 포털 > 도움말 섹션에서 확인할 수 있으며, 당사에 사본을 요청할 수도 있습니다.


라이선스

GitHub Queue-Fair 리포지토리에 게시된 코드는 오픈 소스 라이선스 중 글로벌 커뮤니티에 가장 허용 범위가 넓은 MIT 라이선스에 따라 라이선스가 부여됩니다.


Queue-Fair가 어떻게 작동하는지 알고 싶으신가요?