Rumah >hujung hadapan web >tutorial js >Cara Menggunakan pelayan json pada render
Panduan langkah demi langkah ringkas untuk mencipta pelayan JSON-DB dan mengaturnya pada pemaparan
json-server ialah alat untuk mencipta mock REST API dengan pantas! Untuk bermula, pastikan anda mempunyai keperluan berikut:
NodeJS (npm)
Jom mulakan!
Pada folder kosong, mulakan aplikasi nodejs dengan menjalankan yang berikut pada terminal/CMD anda:
npm init -y
Setelah selesai, anda memasang pakej berikut:
`
json-server
json-serve
kors
`
npm pasang json-server json-serve cors
Selepas pemasangan, buat fail baharu: index.js. Ini ialah titik masuk untuk json-serve. Tambahkan yang berikut di dalam fail:
`
const jsonServer = memerlukan("json-server"); // mengimport perpustakaan json-server
pelayan const = jsonServer.create();
penghala const = jsonServer.router("db.json");
const middlewares = jsonServer.defaults();
const port = process.env.PORT || 3001; // anda boleh menggunakan mana-mana nombor port di sini; saya memilih untuk menggunakan 3001
server.use(middlewares);
server.use(router);
server.listen(port);
`
Dalam kod di atas, pelayan telah dibuat yang akan mengambil dan mengemas kini data daripada fail json, db.json
Dalam akar projek, buat fail baharu: db.json dan tambahkan yang berikut:
{
"maklum balas": [
{
"id": 1,
"penilaian": 10,
"user_name": "Tony Stark",
"text": "Anda adalah manusia besi dunia ini"
},
{
"id": 2,
"penilaian": 9,
"user_name": "Bruce Wayne",
"text": "Anda adalah batman dunia ini"
},
{
"id": 3,
"penilaian": 8,
"user_name": "Peter Parker",
"text": "Anda adalah spiderman dunia ini"
}
]
}
Pelayan olok-olok sedia untuk dijalankan, tetapi mari tambahkan beberapa skrip dalam package.json:
Kemas kini "skrip" kepada:
"skrip": {
"mula": "nod index.js"
},
Gunakan Pada Render :-
Pergi Ke Tapak :- https://dashboard.render.com/
Pilih Perkhidmatan Web
Berhubung dengan Github
Pergi ke Github buat repo baharu
Klon repo ini dan buat semua fail dan pemasangan json-server semuanya disebut di atas.
tolak semua kod pada Github
Pergi Ke Render Dan Pilih Github Repo di mana tolak semua kod pelayan json
Klik pada buat Butang Perkhidmatan Web di bawah
dan tunggu beberapa minit untuk kemajuan dan nikmati
Semoga artikel ini berguna untuk anda, selamat mengekod! || Suka artikel ini ♥
Atas ialah kandungan terperinci Cara Menggunakan pelayan json pada render. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!