postman2react v0.2.0
Postman2React
๐ ๋ฐ๋ชจ(Demo) ์ฌ์ดํธ
๐ค ์ด๊ฒ์ ๋ฌด์์ธ๊ฐ์?
postman2react๋ฅผ ์ฌ์ฉํ๊ฒ ๋๋ฉด postman์์ ์ถ์ถ๋ json์ UI๋ก ๊น๋ํ๊ฒ ๋ณด์ฌ์ค๋๋ค. React๋ก ์์ฑ์ด ๋์์ผ๋ฉฐ, npm์ผ๋ก ๋ค์ด๋ก๋ ํ์ฌ ์ฌ์ฉํ ์ ์์ต๋๋ค.
๐ ์ฌ์ฉ ๋ฐฉ๋ฒ
์ฌ์ฉ๋ฐฉ๋ฒ์ ๊ฐ๋จํฉ๋๋ค.
1. npm์ผ๋ก postman2react๋ฅผ ๋ค์ด๋ฐ์ ์ค๋๋ค.
npm i postman2react
2. postman์์ json์ ์ถ์ถ ํฉ๋๋ค.
๋๋ ์์ ๋ฐ์ดํฐ๋ฅผ ๋ค์ดํ์ฌ ์ฌ์ฉํ ์ ์์ต๋๋ค.
3. ์ถ์ถ ๋ json ๋ฐ์ดํฐ๋ฅผ import ์์ผ์ค ํ Postman2React๋ก ๋ฐ์ดํฐ๋ฅผ ๋๊ฒจ์ค๋๋ค.
Postman2React์๋ ์ธ ๊ฐ์ ์์ฑ์ด ์์ต๋๋ค.
์์ฑ | ์ค๋ช |
---|---|
postmanJson | postman์์ ์ถ์ถ๋ json ๋ฐ์ดํฐ |
url | ์ฐพ๊ณ ์ ํ๋ URL, ์ ์ฒด์ ๊ฒฝ์ฐ๋ '*'๋ก ํ๊ธฐ |
equalize | true : ์๋ฒฝ์ผ์น, false : ๋ฌธ์์ด ํฌํจ |
import { Postman2React } from 'postman2react';
import postmanJson from "./postman_collection.json"; //postman์์ ์ถ์ถ๋ json
function App() {
return (
<div>
<Postman2React postmanJson={postmanJson} url={"*"} equalize={true}></Postman2React>
</div>
);
}
- ๊ฒฐ๊ณผ ํ์ธ
๐ค What is This? (English)
When you use postman2react, you can clearly see the json extracted from postman with the UI. It was created as React and can be downloaded at npm for use.
now preparing demo sites and dockers for easier examples. Please note that bugs may occur
How to use ๐
It's simple to use.
1. Download postman2react with npm.
npm i postman2react
2. Extract json from postman.
Alternatively, example data can be downloaded and used.
3. Import the extracted json data and hand it over to Postman2React.
Postman2React has three properties.
Property | Description |
---|---|
postmanJson | json data extracted from postman |
url | URL you want to find, marked as '*' for all |
equalize | true : perfect match, false : contains string |
import { Postman2React } from 'postman2react';
import postmanJson from "./postman_collection.json"; //postman์์ ์ถ์ถ๋ json
function App() {
return (
<div>
<Postman2React postmanJson={postmanJson} url={"*"} equalize={true}></Postman2React>
</div>
);
}
- Check results