Der gesamte Prozess der Verwendung von node.js Express zum automatischen Erstellen des Projekts

1. Installieren Sie die Express-Bibliothek und den Generator

Öffnen Sie cmd und geben Sie den Befehl ein: yarn global add express express-generator

erklären:
Die beiden oben genannten Module stellen jeweils die Bibliothek und den Generator dar. In Express3 wird bei der Installation von Express automatisch der Generator Express-Generator für Sie installiert, in Express4 sind sie jedoch getrennt und müssen daher separat installiert werden.

Nach der Installation können Sie mit dem Befehl: express --version überprüfen, ob die Installation erfolgreich war.

Die Installation war erfolgreich, wenn die Versionsnummer angezeigt wird (wie in der Abbildung unten dargestellt).

2. Der Express-Generator erstellt automatisch ein Express-Projekt

Geben Sie den Befehl ein: express nodejs (erfolgreich, wie unten gezeigt)

Das Verzeichnis nach Erfolg:

3. Springen Sie zum Verzeichnis package.json, um zugehörige Pakete zu installieren

Geben Sie den Befehl ein: yarn oder cnpm i oder npm i

4. Starten Sie das Projekt

Geben Sie den Befehl ein: npm run start

Öffnen Sie den Browser und rufen Sie 127.0.0.1:3000 auf, um Zugriff auf unser Projekt zu erhalten

V. Erläuterung des Projektkatalogs

bin: speichert ausführbare Dateien
public: speichert JS-, CSS-, IMG- und andere Dateien
Router: speichert Routing-Dateien
Ansichten: Ansichtsdateien oder Vorlagendateien speichern
app.js: Startdatei (Einstiegsdatei)
package.json: speichert Projektinformationen und Modulabhängigkeiten. Wenn Sie abhängige Module zu Abhängigkeiten hinzufügen und npm install ausführen, überprüft npm package.json im aktuellen Verzeichnis und installiert automatisch alle angegebenen Module.
node_modules: speichert die in package.json installierten Module. Wenn Sie abhängige Module zu package.json hinzufügen und installieren, werden sie in diesem Ordner gespeichert.

Referenzlink: https://www.jb51.net/article/209247.htm

6. Wie man sich in diesem Projekt entwickelt

Erstellen Sie zunächst eine neue Datei test.js in routes

var express = erforderlich('express');
var router = express.Router();

router.get('/', Funktion (Anforderung, Res, Nächstes) {
	res.send('Ich bin der Rückgabewert der Schnittstelle');
});

modul.exporte = Router;

Fügen Sie dann den folgenden Code in app.js ein

var testRouter = erfordern('./routes/test');
app.use('/test', testRouter);

Öffnen Sie dann die Browserkonsole und fordern Sie mit „fetch“ die Schnittstelle an, die wir gerade geschrieben haben

holen('http:localhost:3000/test')
.dann(res=>{
  return res.text()
}).dann(res=>{
  Konsole.log(res)
})

Wir haben festgestellt, dass ein domänenübergreifendes Problem vorlag. Dieses wurde dadurch verursacht, dass in nodejs keine domänenübergreifende Funktion hinzugefügt wurde.

Fügen Sie app.js den folgenden domänenübergreifenden Code hinzu

//Domänenübergreifenden Zugriff festlegen (vor allen Anfragen festlegen)
app.all("*", Funktion (Anforderung, Res, Nächstes) {
	//Legen Sie den Domänennamen fest, der domänenübergreifend sein darf. * bedeutet, dass jeder Domänenname domänenübergreifend sein darf. res.header("Access-Control-Allow-Origin", "*");
	//Erlaubte Header-Typen res.header("Access-Control-Allow-Headers", "content-type");
	//Domänenübergreifend zulässige Anforderungsmethoden res.header("Access-Control-Allow-Methods", "DELETE,PUT,POST,GET,OPTIONS");
	if (req.method == 'OPTIONEN')
		res.sendStatus(200); //Optionen versuchen, ein schnelles Ende anzufordern, sonst
		nächste();
});

Starten Sie anschließend das Projekt neu, damit Sie normal darauf zugreifen können

Wenn wir den Inhalt im Projekt ändern, müssen wir das Projekt manuell neu starten, was etwas mühsam ist. Wir können dieses Problem lösen, indem wir ein Plug-In installieren.

7. Verwenden Sie nodemon, um den Dienst automatisch neu zu starten

Nodemon-Modul installieren

Geben Sie den Befehl ein: npm i nodemon -S

Erstellen Sie die Datei nodemon.json

Erstellen Sie eine nodemon.json-Datei im Stammverzeichnis des Projekts:

{
	"neustartbar": "rs",
	"ignorieren": [".git", ".svn", "node_modules/**/node_modules"],
	"verbose": wahr,
	"execMap": {
		"js": "Knoten --Harmonie"
	},
	"betrachten": [],
	"Umgebung": {
		"NODE_ENV": "Entwicklung"
	},
	"ext": "js json njk css js"
}

Verwenden des Nodemon-Moduls

Fügen Sie in Ihrer Datei package.json eine Zeile Skriptcode hinzu

"dev": "nodemon ./bin/www"

Der Code wurde in mein GitHub-Repository gestellt, beigefügter Link: github.com/wuguanfei/n…

Zusammenfassen

Dies ist das Ende dieses Artikels zum automatischen Erstellen eines Projekts mit node.js und express. Weitere Informationen zum automatischen Erstellen eines Projekts mit node.js express finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!