그래서 저는 CORS를 지원하는 무료 온라인 API 빌더를 구축했습니다 🚀(그리고 왜 또 다른 Postman 대안이 필요한가요)
4588 단어 reactshowdevwebdevjavascript
TL; DR
getd.io/을 사용하여 브라우저만으로 API를 테스트하세요. 앱이나 플러그인이 필요하지 않습니다. CORS 요청도 지원합니다 🔥!
데스크탑용 스크린샷은 다음과 같습니다.
그리고 여기에 업데이트된 모바일 반응형 UI가 있습니다(덕분에
제안하기 위해):
왜 또 다른 Postman 대안입니까?
오늘날 시장에 나와 있는 대부분의 Postman 대안(Postman 포함)은 플랫폼별 클라이언트 앱을 다운로드하거나 Chrome 플러그인을 설치해야 합니다. 이는 CORS와 같은 전체 요청 지원을 제공하는 데 필요합니다. 그러나 이 방법에는 다음과 같은 몇 가지 단점이 있습니다.
오늘날 시장에 나와 있는 대부분의 Postman 대안(Postman 포함)은 플랫폼별 클라이언트 앱을 다운로드하거나 Chrome 플러그인을 설치해야 합니다. 이는 CORS와 같은 전체 요청 지원을 제공하는 데 필요합니다. 그러나 이 방법에는 다음과 같은 몇 가지 단점이 있습니다.
Postwoman에서 영감을 받아 웹 기반 API 테스터라는 아이디어에 반했습니다. 그러나 Postwoman은 CORS 요청을 지원하지 않습니다.
Btw CORS가 무엇인지 확실하지 않은 경우 맨 아래로 스크롤하십시오.
getd.io/를 소개합니다. 🚀🚀🚀
getd.io/은 모든 종류의 API 서버를 지원하는 동시에 기존 Postman 사용자에게 친숙한 현대적이고 유동적이며 어두운 테마의 UI 😎를 제공하는 100% 순수 웹 기반 솔루션을 구축하는 것을 목표로 합니다.
getd.io/은 두 가지 모드를 제공합니다.
참고: 로컬/사설 API 서버를 개발하는 경우 내 클라우드 서버가 사설 서버에 액세스할 수 없기 때문에 브라우저 모드만 사용할 수 있습니다. 브라우저 모드는 CORS에서 작동하지 않으므로 개인 서버에서 사용할 CORS를 활성화해야 합니다getd.io. 두 줄의 변경 사항이며 서버가 공개되기 전에 제거할 수 있습니다.
import cors from "cors";
app.use(cors());
클라우드 모드
현재 백엔드 요청을 지원하기 위해 개인 개발 서버를 사용하고 있습니다. 요청이 큰 응답(예: 파일 다운로드)을 받으면 특정 제한을 초과한 후 응답이 종료됩니다. 이것은 내 인터넷 비용을 줄이는 데 도움이 됩니다 :) ❤️ Support me in Patreon 이 무료 서비스를 계속 실행하고 더 나은 기능을 사용하려면 요청 제한 없이 고급 기능에 액세스하십시오.
기능 / 로드맵
특징
지원하다
로컬 요청 내역 및 검색
✔
로컬 영구 작업 공간 상태
✔
다른 사람과 전체 요청을 공유하는 Permlink
✔
요청 매개변수
✔
요청 헤더
✔
요청 본문(JSON 편집기, 텍스트)
✔
요청 양식(form-data, x-www-form-urlencoded)
✔
Response Header, Body, JSON/Html prettier
✔
모바일 대응
✔
로컬 다중 작업 공간 지원
작업 공간을 클라우드에 저장
클라우드에 기록 저장
웹소켓 지원
GraphQL 지원
... 그리고 더!
멋진! 무엇 향후 계획?
특징
지원하다
로컬 요청 내역 및 검색
✔
로컬 영구 작업 공간 상태
✔
다른 사람과 전체 요청을 공유하는 Permlink
✔
요청 매개변수
✔
요청 헤더
✔
요청 본문(JSON 편집기, 텍스트)
✔
요청 양식(form-data, x-www-form-urlencoded)
✔
Response Header, Body, JSON/Html prettier
✔
모바일 대응
✔
로컬 다중 작업 공간 지원
작업 공간을 클라우드에 저장
클라우드에 기록 저장
웹소켓 지원
GraphQL 지원
... 그리고 더!
멋진! 무엇 향후 계획?
WTF는 CORS입니까?
계속 'CORS'라고 해서 죄송합니다. 더 읽을 수 있습니다here. 기본 개념은 B가 명시적으로 'A가 허용됨' 또는 '누구나 허용됨'이라고 명시하지 않는 한 웹사이트 A(브라우저에 로드됨)가 웹사이트 B에 API 요청을 보내는 것을 허용하지 않는다는 것입니다. , I don't care' 응답 헤더에서. 이는 브라우저에서 시행하는 제한 사항입니다. 이것이 바로 Postman과 같은 도구가 이를 해결하기 위해 자체 클라이언트 앱을 만드는 이유입니다. 샘플 오류는 다음과 같습니다.
Reference
이 문제에 관하여(그래서 저는 CORS를 지원하는 무료 온라인 API 빌더를 구축했습니다 🚀(그리고 왜 또 다른 Postman 대안이 필요한가요)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://dev.to/getd/getd-io-an-online-api-request-tester-builder-with-cors-support-3d3m
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
Reference
이 문제에 관하여(그래서 저는 CORS를 지원하는 무료 온라인 API 빌더를 구축했습니다 🚀(그리고 왜 또 다른 Postman 대안이 필요한가요)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/getd/getd-io-an-online-api-request-tester-builder-with-cors-support-3d3m텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)