Webanwendungen, die auf Node entwickelt wurden.js wird zunehmend in modernen Webentwicklungen verwendet. Jedoch bei der Entwicklung und Verwendung von Webanwendungen auf Node.js, es gibt eine Reihe von Problemen im Zusammenhang mit der Sicherheit und den Einschränkungen des Browsers. Ein solches Problem ist die Same Origin Policy (SOP) -Richtlinie, die bestimmt, dass Webseiten oder APIs nur mit Ressourcen interagieren können, die sich in derselben Quelle befinden.
In einigen Fällen müssen Sie jedoch die Interaktion zwischen Webanwendungen zulassen, die sich in verschiedenen Domänen befinden. Dazu können Sie den CORS-Mechanismus (Cross-Origin Resource Sharing) verwenden, mit dem Sie bestimmen können, welche Domänen und Ports mit der Webanwendung kommunizieren können.
Richten Sie CORS in Node ein.js ist eine ziemlich einfache Aufgabe und kann mit ein paar Zeilen Code ausgeführt werden. Es gibt verschiedene Möglichkeiten, CORS zu konfigurieren, abhängig vom verwendeten Framework oder der verwendeten Bibliothek. Betrachten Sie in diesem Artikel das Konfigurieren von CORS in Node.js mit dem beliebten Express-Framework.
Was ist CORS?
Warum sollte ich CORS in Node konfigurieren?js?
Sie sind wahrscheinlich mit der Situation vertraut, in der Sie versuchen, mithilfe von AJAX-Anfragen auf Ressourcen auf einer anderen Domain zuzugreifen und einen Fehler über eine Cross-Origin-Sperre (CORS) zu erhalten. Dieser Fehler tritt aufgrund einer Sicherheitsrichtlinie des Browsers auf, die AJAX-Anfragen an andere Domänen standardmäßig verhindert.
Sie können auf dieses Problem stoßen, wenn Sie eine Anwendung auf einem Node entwickeln.js, das AJAX-Anfragen von einer anderen Domäne beantwortet. Um dieses Problem zu umgehen, müssen Sie CORS auf Ihrem Node-Server konfigurieren.js. CORS (Cross-Origin Resource Sharing) ist ein Mechanismus, mit dem ein Server angeben kann, welche Domänen Zugriff auf seine Ressourcen haben.
Wenn Sie CORS konfigurieren, können Sie den Zugriff auf die Ressourcen Ihres Servers von anderen Domänen aus zulassen oder verweigern, indem Sie die entsprechenden Header in den Abfrageantworten angeben. Dies gibt Ihnen die Kontrolle darüber, wer Ihre Ressourcen nutzen kann und auf welche Weise.
Ohne CORS ordnungsgemäß zu konfigurieren, blockiert Ihr Server alle Anfragen von anderen Domänen, was zu unerwarteten Problemen und Einschränkungen für Ihre Benutzer führen kann.
Richten Sie CORS in Node ein.js ist ziemlich einfach. Sie müssen den Antworten auf Ihre Anfragen bestimmte Header hinzufügen, um anzugeben, welche Domains auf Ihre Ressourcen zugreifen können. Sie können den Zugriff von allen Domänen zulassen, bestimmte Domänen angeben oder reguläre Ausdrücke verwenden, um zugelassene Domänen anzugeben.
| Überschrift | Bedeutung |
|---|---|
| Access-Control-Allow-Origin | Gibt die Domänen an, denen der Zugriff auf die Ressource erlaubt ist (z. B. "*", "example.com "oder "https://www.example.com "). |
| Access-Control-Allow-Methods | Gibt die zulässigen HTTP-Methoden für den Zugriff auf die Ressource an (z. B. "GET, POST, PUT, DELETE"). |
| Access-Control-Allow-Headers | Gibt die zulässigen HTTP-Header für den Zugriff auf die Ressource an. |
Richten Sie CORS in Node ein.js ist sehr wichtig, da es hilft, die Sicherheit Ihres Servers zu gewährleisten und Ihnen die volle Kontrolle über den Zugriff auf Ihre Ressourcen zu geben. Durch das Öffnen des Zugriffs auf Ihre Ressourcen über CORS können Sie auch ein offenes und integriertes Ökosystem von Anwendungen und Diensten schaffen, die miteinander interagieren können.
Abschnitt 1: Installation der erforderlichen Pakete
So konfigurieren Sie CORS (Cross-Origin Resource Sharing) in Node.js muss mehrere Pakete installieren. In diesem Abschnitt erfahren Sie, wie Sie diese Pakete installieren.
- Installiere Node.js auf Ihrem Computer, wenn es noch nicht installiert ist. Sie können das Installationsprogramm von der offiziellen Node-Website herunterladen.js und folgen Sie den Installationsanweisungen.
- Öffnen Sie eine Eingabeaufforderung oder ein Terminal und überprüfen Sie den Node.js wurde erfolgreich installiert, indem Sie den Befehl node -v eingeben. Wenn die Version Node ist.js wird angezeigt, was bedeutet, dass die Installation erfolgreich war.
- Installieren Sie nun das Express-Paket, mit dem Sie Webserver in Node erstellen können.js, mit dem folgenden Befehl: npm install express . Dieser Befehl installiert Express und alle seine Abhängigkeiten.
- Nach der Installation von Express installieren Sie das CORS-Paket mit dem Befehl: npm install cors . Mit dem CORS-Paket können Sie CORS-Header in einer Express-Anwendung verwalten.
Nachdem Sie diese Schritte ausgeführt haben, sind Sie bereit, CORS in Ihrem Node einzurichten.js-Anwendung.
Express-Installation.js
Um mit Express zu beginnen.js, Sie müssen es installieren. Führen Sie dazu die folgenden Schritte aus:
| Schritt | Die Beschreibung | Das Team |
| 1 | Erstellen Sie einen neuen Ordner für Ihr Projekt | mkdir my-express-app |
| 2 | Navigieren Sie zu Ihrem Projektordner | cd my-express-app |
| 3 | Initialisieren Sie ein neues npm-Projekt | npm init -y |
| 4 | Installieren Sie Express.js | npm install express |
Nachdem Sie diese Schritte ausgeführt haben, Express.js wird installiert und kann in Ihrem Projekt verwendet werden.
Jetzt können Sie mit der Entwicklung Ihrer Anwendung oder API beginnen, indem Sie die Express-Funktionalität verwenden.js.
Installieren von Cors
So konfigurieren Sie Cors in Node.js muss einige einfache Schritte ausführen:
Schritt 1: Installieren Sie das Paket cors mit npm:
npm install corsSchritt 2: Importieren Sie das Paket in Ihrer Anwendung Cors:
const cors = require('cors');Schritt 3: Fügen Sie middleware mit der Methode hinzu app.use vor Ihren Routen:
app.use(cors());Jetzt ist Ihr Node-Server.js sendet die richtigen Header Cors ermöglicht es Ihrer Clientanwendung, mit dem Server zu kommunizieren, ohne eine Quer-Origin-Sperre (Cross-origin) durchzuführen.
Abschnitt 2: Konfigurieren des Node-Servers.js
Bei der Arbeit mit dem Node-Server.js Es besteht die Notwendigkeit, ein Cross-Origin Resource Sharing (CORS) -Problem zu konfigurieren, um die Sicherheit und Verfügbarkeit der Datenübertragung zwischen verschiedenen Quellen zu gewährleisten. In diesem Abschnitt werden wir uns einige Möglichkeiten ansehen, wie Sie CORS in Node konfigurieren können.js.
Die erste Methode besteht darin, das Paket 'cors' zu verwenden. Um dies zu tun, müssen Sie dieses Paket mit dem folgenden Befehl installieren:
npm install corsNachdem Sie das 'cors'-Paket installiert haben, können Sie es wie folgt in Ihrem Servercode verwenden:
const express = require('express');const cors = require('cors');const app = express();app.use(cors());// далее следует описание маршрутов и другой функционал сервераapp.listen(3000, () => ); Verwenden Sie diesen Code, um den Node-Server zu verwenden.js gibt die erforderlichen Access-Control-Allow-Origin-Header und andere CORS-Header an, um den Zugriff auf Serverressourcen aus anderen Quellen zu ermöglichen.
Die zweite Möglichkeit besteht darin, den CORS manuell einzurichten. Um dies zu tun, müssen Sie Ihren Routen mit der Funktion 'res' entsprechende Header hinzufügen.setHeader()'. Zum Beispiel:
const express = require('express');const app = express();app.get('/api/data', (req, res) => );app.listen(3000, () => ); Bei beiden Methoden können Sie CORS für den Node-Server konfigurieren.js und gewährleisten die Sicherheit und Verfügbarkeit der Datenübertragung zwischen verschiedenen Quellen.
Im nächsten Abschnitt werden wir uns einige weitere Möglichkeiten ansehen, wie Sie CORS in Node konfigurieren können.js.
Module importieren
In Node.es gibt mehrere Möglichkeiten, um Module zu importieren:
- Mit dem Schlüsselwort require .
- Mit dem Schlüsselwort import und dem Resolvermodul.
Der erste Weg ist klassischer und wird in Node weit verbreitet verwendet.js. Mit dem require-Schlüsselwort können Sie Module laden und in der aktuellen Datei verwenden.
const http = require('http');const express = require('express');Im obigen Beispiel importieren wir die http- und Express-Module mit dem Schlüsselwort require .
Die zweite Methode mit dem Schlüsselwort import und dem Resolver-Modul ermöglicht es Ihnen, Module flexibler zu importieren und die Aktionen während des Importvorgangs zu steuern.
import http from 'http';import express from 'express';Im obigen Beispiel importieren wir http- und Express-Module mit dem Schlüsselwort import und dem Resolver-Modul.
