Rumah > hujung hadapan web > tutorial js > API Palsu All-in-One untuk pembangun.

API Palsu All-in-One untuk pembangun.

Patricia Arquette
Lepaskan: 2024-12-26 20:58:11
asal
183 orang telah melayarinya

Memperkenalkan FooApi

Saya teruja untuk mengumumkan projek peribadi yang telah saya usahakan: fooapi.com. Perkhidmatan ini belum siap 100% lagi—beberapa ciri masih dalam pembangunan—tetapi saya bercadang untuk berkongsi kemajuan dan kemas kini dengan setiap keluaran baharu. Projek ini bermula dengan idea mewujudkan satu platform untuk mengakses data mengenai pelbagai topik melalui kaedah yang berbeza. Platform ini menyediakan data palsu yang realistik merentas beberapa kategori, yang boleh anda gunakan untuk mengejek projek dan idea anda.

  • Pengguna
  • Produk
  • Siaran
  • Ulasan
  • To-do
  • Imej
  • Filem
  • Lagu
  • Bandar (GeoJSON)
  • Negara (geometri GeoJSON)

Anda boleh mendapatkan semua butiran dalam fooapi.com/docs

Bagaimana cara menggunakannya?

Pada masa ini terdapat dua cara untuk mengambil data:

  1. Titik tamat REHAT
  2. Pertanyaan GrafikQL
  3. (Adakah anda mahu gRPC?)

Jika anda pergi ke fooapi.com/playground anda boleh berlatih dan menguji pertanyaan anda

Beberapa contoh yang berguna

Berikut ialah beberapa contoh praktikal tentang cara menggunakan FooApi.

1) Adakah anda mahu mencipta ruang letak mudah imej? mudah:

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

The All-in-One Fake API for developers.

Dengan titik akhir ini, anda boleh menyesuaikan dimensi (lebar dan tinggi), warna latar belakang, warna fon (format Hex) dan menambah mesej tersuai.

/imgmaker/:width/:height/:bg/:fn/:text
Salin selepas log masuk

Maklumat lanjut dalam fooapi.com/docs/images

2) Adakah anda mahu data menguji peta anda? hanya guna:

fetch('https://fooapi.com/api/cities?limit=3')
  .then(res => res.json())
  .then(data => console.log(data))
Salin selepas log masuk

The All-in-One Fake API for developers.

Data untuk kategori ini adalah nyata dan bukan dijana secara buatan kerana, dalam peta sebenar, kami harus menggunakan koordinat sebenar, sekiranya anda tertanya-tanya.

3) Sesuatu yang mudah dan berguna ialah ambil pengguna rawak:

fetch('https://fooapi.com/api/users/rand')
  .then(res => res.json())
  .then(data => console.log(data))
Salin selepas log masuk

Jawapan:

{
    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
}
Salin selepas log masuk

4) Adakah anda sedang membangunkan seterusnya hit media sosial? semak:

fetch('https://fooapi.com/api/comments')
  .then(res => res.json())
  .then(data => console.log(data))
Salin selepas log masuk

Jawapan:

[
    {
        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..."
]
Salin selepas log masuk

Kini anda bebas untuk menerokai kategori data.

Apa pendapat anda?

Saya ingin mendengar maklum balas anda! Ingat, anda boleh menggunakan perkhidmatan ini untuk mengejek apl, reka bentuk, model, dll. Jika anda mempunyai idea untuk kategori atau ciri data baharu, sila kongsikannya dalam ulasan.

Atas ialah kandungan terperinci API Palsu All-in-One untuk pembangun.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan