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

API Palsu All-in-One untuk pembangun.

Patricia Arquette
Patricia Arquetteasal
2024-12-26 20:58:11276semak imbas

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

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))

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))

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
}

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))

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..."
]

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!

Kenyataan:
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