Die näher an der Kante, Sie können code ausführen oder Daten ausgeben, ein Besucher, desto schneller werden die Nutzer-Erlebnis werden. Mit dem im Verstand, CloudFlare veröffentlicht ein Produkt namens CloudFlare Arbeitnehmer, die ermöglicht das ausführen von JavaScript-code auf edge-Servern. Dies ermöglicht Ihnen das abfangen einer Anforderung handeln, dass die Anfrage und gibt das Ergebnis alle auf dem Rand, die das Potenzial haben nie berühren Sie Ihr origin-server.
Dies eröffnet eine Welt von Möglichkeiten, nicht nur in Bezug auf die performance, sondern einzigartige Anwendungen läuft fast ganz auf die Kante. Unter Ausnutzung von CloudFlare ist eine massive Infrastruktur, Kapazität, und edge-Standorte bedeutet, dass diese Art von Produkt ist ein Unikat.
Natürlich, mit jeder neuen Lösung wie diese, könnte es schwierig werden, um mit möglichen Anwendungen. Es gibt zwar viele, was sind einige praktische Anwendungen? In diesem Artikel untersuchen wir eine mögliche Verwendung Fall, dass der Durchführung leitet direkt auf die Kante.
Konfigurieren des CloudFlare-Arbeiter
Unter der Annahme, dass Sie bereits eine Domäne, Proxy über CloudFlare, wir können es den Beschäftigten ermöglichen, und mit den Tests beginnen unseren code, noch bevor wir den Einsatz in der Produktion. Sobald Sie sich in die CloudFlare-Dashboard, Sie werden feststellen, ein Symbol für die Arbeiter. Was ist sehr bequem über dieses Umfeld ist, dass CloudFlare bietet Ihnen eine Entwicklungsumgebung testen Sie alles, bevor Sie die Bereitstellung Ihrer Arbeitskraft in Ihrer live-Website.
Klicken Sie auf “Erstellen Sie ein Arbeiter” zu erzeugen, eine Entwicklungsumgebung wies auf ein zufällig generierter worker-sub-domain zu ermöglichen, für die Prüfung.
Werfen wir einen Blick auf die Entwicklungsumgebung zu verstehen, wie diese uns helfen können. Es gibt drei Haupt-Abschnitte. Auf der linken Seite, haben wir eine code-editor und auf der rechten Seite haben wir zwei Ansichten. Ist die HTTP-Ansicht, wo wir bauen können, bestimmte Anforderungen an unsere Arbeitskraft und sehen Sie die Reaktion, und die zweite ist die Vorschau-Registerkarte, wo können wir sehen, was die Seite selbst Aussehen würde.
Jetzt haben wir eine code-Umgebung einrichten, erstellen wir eine einfache Umleitung, die wir erweitern können später.
Die Entwicklung der Redirect Code
Es ist ein Standardcode, der als ein großartiger start in unsere redirect-code. Im ersten Abschnitt, der die Methode addEventListener ist, was zuerst fängt die eingehende Anfrage. Diese Anfrage wird dann an die Funktion handleRequest für die Verarbeitung.
addEventListener(‘fetch’, event => {
event.respondWith(handleRequest(event.Anfrage))
})
/**
* Auf die Anfrage Antworten
* @param {Anfrage} Anfrage
*/
async-Funktion handleRequest(request) {
// Redirect Logik, hier zu gehen,
}
Die Kern-Idee ist, dass wir Lesen den Pfadnamen der eingehende URL-Anforderung und entscheiden, wo Sie umgeleitet werden. Durch die Verwendung der URL-Typ aus, können wir leicht die Zuordnung unserer eingehenden Pfad zu einem Speicherort. In diesem Beispiel verwenden wir eine switch-Anweisung, um den Ort festzulegen, basierend auf den Pfad und geben Sie einen 301 permanent redirect.
addEventListener(‘fetch’, async event => {
event.respondWith(handleRequest(event.Anfrage))
})
async-Funktion handleRequest(request) {
lassen Sie requestURL = new URL(request.url)
lassen Sie path = requestURL.pathname.split(‘/redirect’)[1]
switch (Pfad) {
‘/test1’ {
lassen location = ‘https://mysite.com/newlocation1’
Pause
}
‘/test2’ {
lassen location = ‘https://mysite.com/newlocation2’
Pause
}
}
if (Position) {
zurückgeben Response.redirect(location, 301)
}
zurück Holen(Anfrage)
}
Die Verbesserung der Redirect-Skript
Dies funktioniert gut, aber es ist ein effizienter und einfacher zu verwalten die Art und Weise der Zuordnung der Weiterleitungen. Durch die Verwendung der JavaScript-Karte konstruieren, erstellen wir ein einfach zu Referenz-Liste leitet. Lassen Sie uns verschieben die Umleitungen in eine Karte bauen und umgestalten unserer code, damit es funktioniert ein bisschen besser.
const redirectMap = new Map([
[‘/test1’, ‘https://mysite.com/newlocation1’],
[‘/test2’, ‘https://mysite.com/newlocation2’],
[‘/test3’, ‘https://mysite.com/newlocation3’],
[‘/test4’, ‘https://mysite.com/newlocation4’],
])
addEventListener(‘fetch’, async event => {
event.respondWith(handleRequest(event.Anfrage))
})
async-Funktion handleRequest(request) {
lassen Sie requestURL = new URL(request.url)
lassen Sie path = requestURL.pathname.split(‘/redirect’)[1]
lassen location = redirectMap.get(Pfad)
if (Position) {
zurückgeben Response.redirect(location, 301)
}
zurück Holen(Anfrage)
}
Bereitstellen
Nun, dass unser script ist funktionsfähig, müssen wir, um diese Karte zu einer Domäne. Nach einem Klick auf Speichern und Bereitstellen, die wir benötigen, um navigieren Sie zurück zu dem Armaturenbrett und finden Sie die domain, die wir sind die Zuordnung dieses Skript auch.
Wählen Sie die Domäne, die wir anwenden möchten, um diese Arbeiter zu, dann navigieren Sie zu dem “Arbeitnehmer” – Registerkarte. Wählen Sie den “Add Route” – Taste, und Sie sind in der Lage zu definieren, das Drehbuch und route. Was dies auch bedeutet ist, dass Sie können erstellen Sie mehrere Skripts und Routen, die Sie betreffen.
Unter den “Route” – Eintrag, müssen wir definieren, wohin der link gehen soll. Wahrscheinlich würden wir eine route wie:
*.mysite.com/*
Die obige route entspricht allen URLs und Systeme für den Standort. Denn wir suchen für die Endung Weg, wir schauen bei jedem Antrag kommt durch, und testen Sie, dass. Schließlich wählen wir die Arbeiter, die wir erstellt haben, um die Bereitstellung dieser zone.
Etwas im Auge zu behalten ist, dass die Zuordnung eines CloudFlare-Arbeiter zu einem Drehbuch und route machen, die Arbeiter sofort wirksam. Dies bedeutet auch, dass änderungen, Irrtümer und alle, wirksam sofort, wie gut.
Zukünftige Möglichkeiten
CloudFlare hat mehrere andere Werkzeuge und Funktionen zur Verfügung, die Nutzung oder die Integration von CloudFlare Arbeitnehmer. Es ist ein Schlüssel-Wert-Speicher, der es ermöglicht, schließlich konsistente Datenhaltung, zugänglich von jedem CloudFlare Arbeiter auf jeden edge-server.
Mit Wrangler, ein Kommandozeilen-tool, Sie können sogar die Bereitstellung des gesamten statischen Website mit den Dateien gespeichert, die innerhalb der KV-Shop und serviert mit CloudFlare Arbeitnehmer-Skripte. Es gibt viele Möglichkeiten, diese löst und was kann erstellt werden mit CloudFlare Arbeitnehmer.
Fazit
CloudFlare Arbeitnehmer ist ein sehr leistungsfähiges Werkzeug, das ermöglicht die einzigartige Fähigkeit, schnell zu handeln (edge-Anfragen. Durch die Nutzung dieser zu bewegen, unser normales Anwendungslogik an den Rand, nicht nur wir senken die Reaktionszeit, sondern wir vermeiden auch die Besteuerung von unserer origin-Server als auch.