> 웹 프론트엔드 > JS 튜토리얼 > 개발자를 위한 올인원 가짜 API.

개발자를 위한 올인원 가짜 API.

Patricia Arquette
풀어 주다: 2024-12-26 20:58:11
원래의
183명이 탐색했습니다.

FooApi 소개

제가 진행하고 있는 개인 프로젝트 fooapi.com을 발표하게 되어 기쁩니다. 서비스가 아직 100% 완성되지는 않았습니다. 일부 기능은 아직 개발 중입니다. 하지만 새 릴리스가 나올 때마다 진행 상황과 업데이트를 공유할 계획입니다. 이 프로젝트는 다양한 방법을 통해 다양한 주제의 데이터에 접근할 수 있는 단일 플랫폼을 만들겠다는 생각에서 시작되었습니다. 이 플랫폼은 여러 카테고리에 걸쳐 현실적인 더미 데이터를 제공하여 프로젝트와 아이디어를 모형화하는 데 사용할 수 있습니다.

  • 사용자
  • 제품
  • 게시물
  • 댓글
  • 할 일
  • 이미지
  • 영화
  • 노래
  • 도시(GeoJSON)
  • 국가(GeoJSON 도형)

fooapi.com/docs에서 모든 세부 정보를 확인할 수 있습니다

그것을 사용하는 방법?

현재 데이터를 가져오는 방법에는 두 가지가 있습니다.

  1. REST 엔드포인트
  2. GraphQL 쿼리
  3. (gRPC를 원하시나요?)

fooapi.com/playground에 가면 쿼리를 연습하고 테스트할 수 있습니다

몇 가지 유용한 예

다음은 FooApi 사용 방법에 대한 몇 가지 실제 사례입니다.

1) 간단한 자리 표시자 이미지를 만들고 싶으신가요? 쉬움:

fooapi.com/imgmaker/700/500/ff0000/000000/foooo

The All-in-One Fake API for developers.

이 엔드포인트를 사용하면 크기(너비 및 높이), 배경색, 글꼴 색상(16진수 형식)을 사용자 정의하고 사용자 정의 메시지를 추가할 수 있습니다.

/imgmaker/:width/:height/:bg/:fn/:text
로그인 후 복사

더 자세한 내용은 fooapi.com/docs/images를 참조하세요

2) 지도를 테스트할 데이터를 원하시나요? 그냥 사용하세요:

fetch('https://fooapi.com/api/cities?limit=3')
  .then(res => res.json())
  .then(data => console.log(data))
로그인 후 복사

The All-in-One Fake API for developers.

이 카테고리의 데이터는 실제이며 인위적으로 생성된 것이 아닙니다. 실제 지도에서는 ​​궁금할 경우를 대비해 실제 좌표를 사용해야 하기 때문입니다.

3) 간단하고 유용한 방법은 임의의 사용자를 가져오는 것입니다.

fetch('https://fooapi.com/api/users/rand')
  .then(res => res.json())
  .then(data => console.log(data))
로그인 후 복사

응답:

{
    id: "1",
    name: "John",
    lastname: "Doe",
    username: "JohnxDoe11",
    birthdate: "1990-01-01",
    age: 30,
    gender: "Male",
    phone: "+63 791 675 8914",
    email: "foo@example.com",
    country: "USA",
    height: 170,
    weight: 70
}
로그인 후 복사

4) 다음 소셜 미디어 히트작을 개발하고 있나요? 확인:

fetch('https://fooapi.com/api/comments')
  .then(res => res.json())
  .then(data => console.log(data))
로그인 후 복사

응답:

[
    {
        id: "1",
        comment: "Sunshine and sci-fi sounds like a perfect combo! Enjoy getting lost in your book ",
        reactions: 0,
        postId: "1",
        user: {
            id: "50",
            name: "John",
            lastname: "Smith",
            username: "SmiJohnxD100"
        }
    },
    {
        id:"2",
        comment:"Don't forget the sunscreen!  What sci-fi are you reading?",
        reactions:1,
        postId:"1",
        user:{
             id:"2",
             name:"Akira",
             lastname:"Von Trier",
             username:"alphaVonAkirax853"
          }
    }
    "28 more elements..."
]
로그인 후 복사

이제 데이터 카테고리를 자유롭게 탐색할 수 있습니다.

어떻게 생각하나요?

여러분의 의견을 듣고 싶습니다! 이 서비스를 사용하여 앱, 디자인, 모델 등을 모방할 수 있다는 점을 기억하세요. 새로운 데이터 카테고리나 기능에 대한 아이디어가 있으면 댓글로 공유해 주세요.

위 내용은 개발자를 위한 올인원 가짜 API.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿