Heim > Web-Frontend > js-Tutorial > So stellen Sie einen JSON-Server beim Rendern bereit

So stellen Sie einen JSON-Server beim Rendern bereit

Mary-Kate Olsen
Freigeben: 2024-11-18 13:07:02
Original
581 Leute haben es durchsucht

How To Deploy a json-server on render

Eine kurze Schritt-für-Schritt-Anleitung zum Erstellen eines JSON-DB-Servers und seiner Bereitstellung beim Rendern
json-server ist ein Tool zum schnellen Erstellen einer simulierten REST-API! Stellen Sie zunächst sicher, dass Sie die folgenden Anforderungen erfüllen:

NodeJS (npm)
Fangen wir an!

Initiieren Sie in einem leeren Ordner eine NodeJS-Anwendung, indem Sie Folgendes auf Ihrem Terminal/CMD ausführen:

npm init -y

Sobald dies abgeschlossen ist, installieren Sie die folgenden Pakete:
`
json-server

json-serve

cors
`

npm install json-server json-serve cors

Erstellen Sie nach der Installation eine neue Datei: index.js. Dies ist der Einstiegspunkt für den JSON-Serve. Fügen Sie der Datei Folgendes hinzu:

`
const jsonServer = require("json-server"); // JSON-Server-Bibliothek importieren
const server = jsonServer.create();
const router = jsonServer.router("db.json");
const middlewares = jsonServer.defaults();
const port = process.env.PORT || 3001; // Sie können hier eine beliebige Portnummer verwenden; Ich habe mich für 3001 entschieden

server.use(middlewares);
server.use(router);

server.listen(port);
`
Im obigen Code wurde ein Server erstellt, der Daten aus einer JSON-Datei, db.json

, abruft und aktualisiert

Erstellen Sie im Projektstammverzeichnis eine neue Datei: db.json und fügen Sie Folgendes hinzu:


{
„Feedback“: [
{
"id": 1,
„Bewertung“: 10,
„Benutzername“: „Tony Stark“,
„text“: „Du bist der Ironman dieser Welt“
},
{
"id": 2,
„Bewertung“: 9,
„Benutzername“: „Bruce Wayne“,
„text“: „Du bist der Batman dieser Welt“
},
{
"id": 3,
„Bewertung“: 8,
„Benutzername“: „Peter Parker“,
„text“: „Du bist der Spiderman dieser Welt“
}
]
}

Der Mock-Server ist betriebsbereit, aber fügen wir einige Skripte in package.json hinzu:

Aktualisieren Sie die „Skripte“ auf:


„Skripte“: {
„start“: „node index.js“
},

Beim Rendern bereitstellen :-
Gehen Sie zur Website: - https://dashboard.render.com/

Webdienste auswählen

Verbinden Sie sich mit Github

Gehe zu Github und erstelle ein neues Repo

Klonen Sie dieses Repo und erstellen Sie alle oben genannten Dateien und die Installation des JSON-Servers.

Den gesamten Code auf Github veröffentlichen

Gehen Sie zu „Rendern“ und wählen Sie „Github Repo“, wo der gesamte JSON-Server-Code übertragen wird

Klicken Sie unten auf die Schaltfläche „Webdienst erstellen“

und warten Sie ein paar Minuten auf den Fortschritt und genießen Sie es

Hoffentlich ist dieser Artikel hilfreich für Sie, viel Spaß beim Programmieren! || Like diesen Artikel ♥

Das obige ist der detaillierte Inhalt vonSo stellen Sie einen JSON-Server beim Rendern bereit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage