程序员的全能假接口——FooApi-原创手记-慕课网

让我们来看看FooApi

我要激动地宣布一个我一直在进行的个人项目：fooapi.com。这个服务还没有完全准备好——一些功能仍在开发中——但我计划在每个新版本发布时分享进展和更新。这个项目最初的想法是创建一个单一的平台，通过多种方式来访问不同主题的数据。该平台提供多个类别的模拟数据，你可以用来测试你的项目和想法。

你可以在那里点击这里找到所有相关信息：fooapi.com/docs

怎么用这个东西？

现在有两种方法可以取数据：

REST端点
GraphQL查询
（想要试试gRPC吗？）

如果你去fooapi.com/playground，你可以在那里练习和测试你的请求。

一些实用的例子

这里有一些使用_FooApi_的实际例子。

你想不想创建一些简单的占位符图片？很简单：

fooapi.com/imgmaker/700/500/ff0000/000000/foooo （此链接指向一个生成特定图像的API接口。）

通过这个端点，你可以自定义尺寸（宽度和高度）、背景颜色、字体颜色（用十六进制表示），还可以添加自定义消息。

/imgmaker/:width/:height/:bg/:fn/:text

该代码用于生成指定宽度和高度的图片，背景色、文件名和文本内容均可自定义。

全屏/退出全屏

更多细节请参考fooapi.com/docs/images

2) 你想用数据来测试你的 maps 吗？只需使用：

    // 从 'https://fooapi.com/api/cities?limit=3' 获取数据
    fetch('https://fooapi.com/api/cities?limit=3')
      .then(res => res.json())
      .then(data => console.log(data))

全屏, 退出全屏

地图中的假数据

这一类的数据是真实而非人工生成的，因为在真正的地图上，我们应该使用实际坐标，如果你想知道的话。

3) 一个简单实用的方法是随机获取一个用户。

    fetch('https://fooapi.com/api/users/rand')
      .then(res => res.json())
      .then(data => console.log(data))
    // 从https://fooapi.com/api/users/rand获取数据，然后以JSON格式解析，并打印到控制台

全屏模式。退出全屏。

回复：

    {
        id: "1",
        name: "约翰",
        lastname: "Doe",
        username: "JohnxDoe11",
        birthdate: "1990-01-01",
        age: 30,
        gender: "男",
        phone: "+63 791 675 8914",
        email: "foo@example.com",
        country: "美国",
        height: 170,
        weight: 70
    }

进入全屏。退出全屏。

4) 你在开发下一个社交媒体热门吗？检查一下：

这段代码使用 `fetch` 函数从 `https://fooapi.com/api/comments` 获取评论数据，并将其解析为 JSON 格式，然后打印到控制台。

点击全屏模式, 点击退出全屏

回复：

    [
        {
            id: "1",
            comment: "阳光和科幻小说听起来真是绝配！享受阅读的乐趣吧",
            reactions: 0,
            postId: "1",
            user: {
                id: "50",
                name: "John",
                lastname: "Smith",
                username: "SmiJohnxD100"
            }
        },
        {
            id:"2",
            comment:"别忘了涂防晒霜！你在读哪本科幻小说？",
            reactions:1,
            postId:"1",
            user:{
                 id:"2",
                 name:"Akira",
                 lastname:"Von Trier",
                 username:"alphaVonAkirax853"
              }
        }
        "28个类似的评论..."
    ]

进入全屏。退出全屏。

现在你可以随意看看数据分类了，试试看。

你怎么看？

我很想听听你的意见！你可以用这个服务来测试你的应用、设计、模型等，记得哦。如果你有关于新数据类型或功能的想法，请在评论里分享你的想法。