開発者向けのオールインワンのフェイク API。-jsチュートリアル-php.cn

開発者向けのオールインワンのフェイク API。

Patricia Arquette

リリース： 2024-12-26 20:58:11

オリジナル

183 人が閲覧しました

FooApi の紹介

私が取り組んできた個人プロジェクト fooapi.com を発表できることを嬉しく思います。このサービスはまだ 100% 完成していません。一部の機能はまだ開発中です。しかし、新しいリリースのたびに進捗状況と更新情報を共有する予定です。このプロジェクトは、さまざまな方法でさまざまなトピックのデータにアクセスするための単一のプラットフォームを作成するという考えから始まりました。このプラットフォームは、プロジェクトやアイデアを模擬するために使用できる、いくつかのカテゴリにわたる現実的なダミーデータを提供します。

ユーザー
製品
投稿
コメント
やるべきこと
画像
映画
曲
都市 (GeoJSON)
国 (GeoJSON ジオメトリ)

詳細は fooapi.com/docs でご覧いただけます

使い方は？

現在、データを取得するには 2 つの方法があります:

REST エンドポイント
GraphQL クエリ
(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..."
]

ログイン後にコピー

これで、データカテゴリを自由に探索できるようになりました。