rkskekzzz / APITester_For_Notion

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

APITester_For_Notion

APITester_For_Notion은 API 문서를 Notion으로 작성할 때, Notion 내에서 Embeding Block으로 사용할 수 있는 오픈소스 입니다. Embeding Block을 사용할 수 있는 플랫폼이라면, Notion이 아니라도 사용가능 합니다. 현재 제공되는 Theme은 Notion을 기준으로 제작되었습니다.

demoimage

Easy to Use, Beautiful Design!



Demo

아래 링크에서 Demo 버전을 사용해 보세요!

👉 Demo Link

아래 링크에서 실제 사용 예시를 확인해 보세요!

👉 라이트버전 Notion Link

👉 다크버전 Notion Link



Feature

  • Notion등 Embeding Block이 사용가능한 서비스 에서 사용가능 합니다.
  • QueryString을 사용해서 포멧이 적용된 블록을 다양하게 생성할 수 있습니다.
  • 오픈소스 라이브러리 입니다.


Usage

props optional? default value?
mode optional light 기본값은 라이트모드, mode 옵션을 통해서 APITester Block의 기본 테마를 지정할 수 있습니다.
method optional get 특정 API에서 사용하는 HTTP메소드를 APITester Block의 기본 메서드로 지정할 수 있습니다. 메서드가 설정되어 있지 않다면 Send버튼이 동작하지 않습니다. get, post, put, delete를 제공합니다.
url - - 테스트를 진행하고 싶은 API를 입력합니다, URL이 입력되지 않으면 Send 버튼이 동작하지 않습니다.
body optional - body로 넘길 json형식의 문자열을 입력합니다.
header optional - header로 넘길 key=value형식의 문자열을 입력합니다.
present optional '' 페이지 보여지는 옵션을 설정합니다. 'onepage'는 한 페이지에 API Request와 Response를 동시에 보여주고, 기본값은 각 값들을 전환하면서 보여줍니다. 입력합니다.


Example

URL을 만드는 방법

url을 생성하는 방법입니다. 노션에 해당 url을 붙여넣은 후, 임베드 시켜주세요 :)

example

Method

https://heyinsa.kr/apitester/?method=get
https://heyinsa.kr/apitester/?method=post

URL

https://heyinsa.kr/apitester/?url=your_api_url

Theme

https://heyinsa.kr/apitester/?mode=dark
https://heyinsa.kr/apitester/?mode=light

Multy Query

https://heyinsa.kr/apitester/?mode=dark&method=get&url=your_api_url&header={"key":"valye"}


Keywords

  • API
  • React
  • Notion

About


Languages

Language:JavaScript 86.9%Language:CSS 5.5%Language:Makefile 4.0%Language:HTML 3.6%