Heim Web-Frontend js-Tutorial Erstellen eines Microblogs mit Node.js, Git und Markdown

Erstellen eines Microblogs mit Node.js, Git und Markdown

Feb 17, 2025 am 10:48 AM

Erstellen Sie ein Microblog basierend auf Node.js, Git und Markdown

In diesem Artikel wird untersucht, wie ein Microblog mit Node.js, Git und einigen Abhängigkeiten erstellt wird. Diese App soll statische Inhalte aus Dateien bereitstellen, die im Repository übermittelt wurden. Sie lernen, wie Sie Ihre Anwendung erstellen und testen und einen Einblick in den Prozess der Bereitstellung Ihrer Lösung erhalten. Letztendlich haben Sie eine minimalistische, runnable Blog -Anwendung, auf der Sie aufbauen können.

Building a Microblog Using Node.js, Git and Markdown

Schlüsselpunkte:

  • node.js bietet einen ausgewogenen Satz von APIs, die ideal für den Aufbau von Mikroblog -Plattformen sind, die keine unnötige Komplexität erfordern.
  • Git wird verwendet, um Blog -Beiträge als versionierte Textdokumente zu speichern, ohne herkömmliche Datenbanken zu verwenden.
  • Markdown wird für die Formatierung von Blog -Posts verwendet, sodass leichte Inhalte ermöglicht werden können und schrittweise verbessert werden können.
  • Braten.it wird für Unit -Tests verwendet, da es einfach ist und keine Abhängigkeiten aufweist, was ein schnelles Feedback und ein verbessertes Entwicklervertrauen ermöglicht.
  • Die Microblog -Architektur ist auf Einfachheit und minimale Abhängigkeiten für die Bereitstellung von Blog -Inhalten ausgelegt, um eine schnelle Leistung zu gewährleisten.
  • Die Anwendung verwendet einen benutzerdefinierten Markdown -Parser- und einfachen Vorlagenfunktionen, um Markdown in HTML umzuwandeln, um sicherzustellen, dass das Blog leicht und reaktionsschnell ist.

Hauptkomponenten von Microblogs

Um einen tollen Blog zu erstellen, benötigen Sie zunächst einige Komponenten:

  • Bibliothek zum Senden von HTTP -Nachrichten
  • Repository zum Speichern von Blog -Posts
  • Unit -Testläufer oder Bibliothek
  • Markdown -Parser

Um HTTP -Nachrichten zu senden, habe ich Node.js ausgewählt, da sie alles enthält, was Sie benötigen, um eine Hypertextnachricht aus dem Server zu senden. Die beiden Module von besonderem Interesse sind http und fs. Das http -Modul erstellt einen Knoten -HTTP -Server. Das fs -Modul liest die Datei. Node verfügt über eine Bibliothek zum Erstellen von Mikroblogs mit HTTP.

Um ein Blog -Post -Repository zu speichern, werde ich Git anstelle einer voll funktionsfähigen Datenbank auswählen. Der Grund dafür ist, dass Git selbst ein Versionsrepository für Versionsdokumente ist. Dies ist genau alles, was ich benötige, um Blog -Post -Daten zu speichern. Das Hinzufügen von Datenbanken als Abhängigkeiten hinderte mich daran, Code für viele Probleme schreiben zu müssen.

Ich habe mich für Blog -Posts im Markdown -Format entschieden und mit marked analysieren. Wenn ich mich später dazu entscheide, kann ich dadurch frei sein, den ursprünglichen Inhalt schrittweise zu verbessern. Markdown ist eine gute leichte Alternative zu regulärem HTML.

Für Unit -Tests habe ich den hervorragenden Testläuferbraten gewählt. Ich habe diese Alternative ausgewählt, weil sie keine Abhängigkeiten hat und meine Anforderungen an die Testtests erfüllt. Sie können einen anderen Testläufer wie Band auswählen, aber es hat ungefähr acht Abhängigkeiten. Der Grund, warum ich Braten mag. Es ist, dass es keine Abhängigkeiten hat.

Mit dieser Liste von Komponenten habe ich alle Abhängigkeiten, die ich für ein Microblog erstellen muss.

Abhängigkeiten auswählen ist nicht einfach. Ich denke, der Schlüssel ist, dass alles, was über den Umfang des aktuellen Problems hinausgeht, zu einer Abhängigkeit werden kann. Zum Beispiel erstelle ich keinen Testläufer oder ein Datenrepository, daher füge ich ihn der Liste hinzu. Keine gegebene Abhängigkeit kann die Lösung schlucken und den Code entführen. Daher ist es sinnvoll, nur leichte Komponenten auszuwählen.

In diesem Artikel geht davon aus, dass Sie bereits mit Knoten, NPM und Git sowie verschiedenen Testmethoden vertraut sind. Ich mache nicht jeden Schritt, wenn ich Schritt für Schritt einen Microblog -Aufbau aufbaue, sondern mich auf bestimmte Bereiche des Codes konzentriere. Wenn Sie die Aktion zu Hause befolgen und der Code in GitHub hochgeladen wurde, können Sie jeden Code -Snippet ausprobieren.

Test

Tests gibt Ihnen Vertrauen in Ihren Code und stärkt die Rückkopplungsschleife. Eine Feedback -Schleife in der Programmierung bezieht sich auf die Zeit, in der es dauert, dass ein neuer Code geschrieben wird und ihn ausgeführt wird. In jeder Weblösung bedeutet dies, viele Ebenen zu überspringen, um Feedback zu erhalten. Zum Beispiel Browser, Webserver und sogar Datenbanken. Mit zunehmender Komplexität kann dies bedeuten, dass es einige Minuten oder sogar eine Stunde dauert, um Feedback zu erhalten. Mit Unit -Tests können wir diese Schichten reduzieren und ein schnelles Feedback erhalten. Dies konzentriert sich auf das aktuelle Problem.

Ich starte gerne eine Lösung, indem ich schnelle Unit -Tests schreibe. Dies brachte mich dazu, Tests für jeden neuen Code zu schreiben. So rennen Sie mit Roast.it.

zur package.json Datei hinzufügen:

"scripts": {
  "test": "node test/test.js"
},
"devDependencies": {
  "roast.it": "1.0.4"
}
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren
In

test.js Dateien stellen Sie alle Unit -Tests ein und führen sie aus. Zum Beispiel können Sie Folgendes tun:

var roast = require('roast.it');

roast.it('Is array empty', function isArrayEmpty() {
  var mock = [];

  return mock.length === 0;
});

roast.run();
roast.exit();
Nach dem Login kopieren
Nach dem Login kopieren

Um den Test auszuführen, führen Sie npm install && npm test aus. Zu meiner Freude muss ich nicht mehr hart arbeiten, um neuen Code zu testen. Darum geht es bei Tests: Happy Programmierer gewinnen Vertrauen und konzentrieren sich auf Lösungen.

Skelett

Mit dem Microblog reagieren Knoten auf Clientanfragen. Ein effektiver Weg ist durch die http.CreateServer() Knoten -API. Dies ist in den folgenden Auszügen in app.js:

zu sehen
/* app.js */
var http = require('http');
var port = process.env.port || 1337;

var app = http.createServer(function requestListener(req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8'});
  res.end('A simple micro blog website with no frills nor nonsense.');
});

app.listen(port);

console.log('Listening on http://localhost:' + port);
Nach dem Login kopieren
Nach dem Login kopieren

Führen Sie dieses Skript durch das NPM -Skript in package.json:

aus
"scripts": {
  "start": "node app.js"
}
Nach dem Login kopieren
Nach dem Login kopieren

Jetzt wird http://localhost:1337/ zur Standardroute und gibt eine Nachricht an den Client zurück. Die Idee ist, weitere Routen hinzuzufügen, um andere Antworten zurückzugeben, z. B. mit dem Inhalt des Blog -Beitrags.

Ordnerstruktur

Um die Struktur der Anwendung zu erstellen, habe ich beschlossen, die folgenden Hauptteile zu verwenden:

Erstellen eines Microblogs mit Node.js, Git und Markdown

Ich werde diese Ordner verwenden, um den Code zu organisieren. Hier ist ein Überblick über den Zweck jedes Ordners:

  • blog: Speichern Sie Original -Blog -Beiträge im reinen Markdown -Format
  • message: Wiederverwendbares Modul zum Erstellen von Antwortnachrichten an Clients
  • route: Andere Routen als Standardrouten
  • test: Wo schreibe Unit -Tests
  • view: Wo soll HTML -Vorlagen
  • platziert werden

Mehr Routing und Testen

Für den ersten Anwendungsfall werde ich einen weiteren Weg zum Blog -Beitrag einführen. Ich habe mich entschlossen, es in eine überprüfbare Komponente namens BlogRoute zu setzen. Was ich mag, ist, dass Sie Abhängigkeiten in sie injizieren können. Diese Trennung von Bedenken zwischen Einheiten und ihren Abhängigkeiten ermöglicht Unit -Tests. Jede Abhängigkeit erhält einen Schein im isolierten Test. Auf diese Weise können Sie unveränderliche, wiederholbare und schnelle Tests schreiben.

Zum Beispiel sieht der Konstruktor so aus:

"scripts": {
  "test": "node test/test.js"
},
"devDependencies": {
  "roast.it": "1.0.4"
}
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

Effektive Einheiten -Tests sind:

var roast = require('roast.it');

roast.it('Is array empty', function isArrayEmpty() {
  var mock = [];

  return mock.length === 0;
});

roast.run();
roast.exit();
Nach dem Login kopieren
Nach dem Login kopieren

derzeit erwartet BlogRoute ein req -Objekt, das aus der Knoten -API stammt. Um den Test abzuschließen, machen Sie einfach Folgendes:

/* app.js */
var http = require('http');
var port = process.env.port || 1337;

var app = http.createServer(function requestListener(req, res) {
  res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8'});
  res.end('A simple micro blog website with no frills nor nonsense.');
});

app.listen(port);

console.log('Listening on http://localhost:' + port);
Nach dem Login kopieren
Nach dem Login kopieren

damit können wir es mit der Anforderungspipeline verbinden. Sie können Folgendes in app.js:

machen
"scripts": {
  "start": "node app.js"
}
Nach dem Login kopieren
Nach dem Login kopieren

Der Vorteil eines Tests besteht darin, dass ich mir keine Sorgen um Implementierungsdetails im Voraus machen muss. Ich werde bald message definieren. Die Objekte res und req stammen aus der http.createServer() Knoten -API.

repository

Das nächste Problem besteht darin, die ursprünglichen Blog -Postdaten in BlogRoute.route() zu lesen. Der Knoten bietet ein fs -Modul, mit dem Sie aus dem Dateisystem lesen können.

Beispiel:

/* route/blogRoute.js */
var BlogRoute = function BlogRoute(context) {
  this.req = context.req;
};
Nach dem Login kopieren

Dieser Code -Snippet befindet sich in message/readTextFile.js. Im Zentrum der Lösung lesen Sie Textdateien im Repository. Bitte beachten Sie, dass fs.readFile() eine asynchrone Operation ist. Deshalb nimmt es den fn -Rückruf und ruft ihn mit Dateidaten auf. Diese asynchrone Lösung verwendet einfache Rückrufe.

Dies bietet die Anforderung für die Datei -IO. Was ich daran mag, ist, dass es nur ein Problem löst. Da es sich um ein Cross-Domain-Problem handelt, wie z. B. Lesen von Dateien, müssen keine Unit-Tests durchgeführt werden. Unit -Tests sollten nur die Isolation Ihres eigenen Codes und nicht die Code anderer testen.

theoretisch können Sie ein Dateisystem im Speicher simulieren und Unit -Tests auf diese Weise schreiben, aber die Lösung beginnt dann überall Bedenken und verwandelt sich in Verwirrung.

Cross-Domain-Probleme wie das Lesen von Dateien liegen außerhalb des Rahmens des Codes. Beispielsweise hängt das Lesen von Dateien von einem Subsystem ab, das Sie nicht direkt steuern können. Dies macht die Tests zerbrechlich und erhöht die Zeit und Komplexität der Rückkopplungsschleife. Dies ist ein Problem, das von Ihrer Lösung getrennt werden muss.

Markdown -Parser

Das nächste Problem besteht darin, die ursprünglichen Markdown -Daten aus dem Repository in HTML zu konvertieren. Dieser Prozess ist in zwei Schritte unterteilt:

  • HTML -Vorlage aus view Ordner
  • abrufen
  • Markdown an HTML analysieren und Vorlagen ausfüllen

BlogRoute Bei der Soundprogrammierung ist es die Idee, ein großes Problem in kleine, einfach zu handhemische Teile aufzuteilen. Lassen Sie uns die erste Frage lösen: Wie kann man HTML -Vorlagen basierend auf dem, was ich in

basiert, bekommt?

Eine Methode könnte:
/* test/blogRouteTest.js */
roast.it('Is valid blog route', function isValidBlogRoute() {
  var req = {
    method: 'GET',
    url: 'http://localhost/blog/a-simple-test'
  };

  var route = new BlogRoute({ req: req });

  return route.isValidRoute();
});
Nach dem Login kopieren
sein

dummyTest Denken Sie daran, dass dies den im vorherigen Abschnitt verwendeten virtuellen Rückruf ersetzt.

Um den Rückruf dummyTest zu ersetzen, machen Sie Folgendes:

"scripts": {
  "test": "node test/test.js"
},
"devDependencies": {
  "roast.it": "1.0.4"
}
Nach dem Login kopieren
Nach dem Login kopieren
Nach dem Login kopieren

(Der nachfolgende Inhalt wird aufgrund von Platzbeschränkungen weggelassen. Fügen Sie ihn bitte nach Bedarf hinzu)

Das obige ist der detaillierte Inhalt vonErstellen eines Microblogs mit Node.js, Git und Markdown. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Heiße Themen

Java-Tutorial
1662
14
PHP-Tutorial
1262
29
C#-Tutorial
1235
24
Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Entmystifizieren JavaScript: Was es tut und warum es wichtig ist Apr 09, 2025 am 12:07 AM

JavaScript ist der Eckpfeiler der modernen Webentwicklung. Zu den Hauptfunktionen gehören eine ereignisorientierte Programmierung, die Erzeugung der dynamischen Inhalte und die asynchrone Programmierung. 1) Ereignisgesteuerte Programmierung ermöglicht es Webseiten, sich dynamisch entsprechend den Benutzeroperationen zu ändern. 2) Die dynamische Inhaltsgenerierung ermöglicht die Anpassung der Seiteninhalte gemäß den Bedingungen. 3) Asynchrone Programmierung stellt sicher, dass die Benutzeroberfläche nicht blockiert ist. JavaScript wird häufig in der Webinteraktion, der einseitigen Anwendung und der serverseitigen Entwicklung verwendet, wodurch die Flexibilität der Benutzererfahrung und die plattformübergreifende Entwicklung erheblich verbessert wird.

Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Die Entwicklung von JavaScript: Aktuelle Trends und Zukunftsaussichten Apr 10, 2025 am 09:33 AM

Zu den neuesten Trends im JavaScript gehören der Aufstieg von Typenkripten, die Popularität moderner Frameworks und Bibliotheken und die Anwendung der WebAssembly. Zukunftsaussichten umfassen leistungsfähigere Typsysteme, die Entwicklung des serverseitigen JavaScript, die Erweiterung der künstlichen Intelligenz und des maschinellen Lernens sowie das Potenzial von IoT und Edge Computing.

JavaScript -Engines: Implementierungen vergleichen JavaScript -Engines: Implementierungen vergleichen Apr 13, 2025 am 12:05 AM

Unterschiedliche JavaScript -Motoren haben unterschiedliche Auswirkungen beim Analysieren und Ausführen von JavaScript -Code, da sich die Implementierungsprinzipien und Optimierungsstrategien jeder Engine unterscheiden. 1. Lexikalanalyse: Quellcode in die lexikalische Einheit umwandeln. 2. Grammatikanalyse: Erzeugen Sie einen abstrakten Syntaxbaum. 3. Optimierung und Kompilierung: Generieren Sie den Maschinencode über den JIT -Compiler. 4. Führen Sie aus: Führen Sie den Maschinencode aus. V8 Engine optimiert durch sofortige Kompilierung und versteckte Klasse.

JavaScript: Erforschung der Vielseitigkeit einer Websprache JavaScript: Erforschung der Vielseitigkeit einer Websprache Apr 11, 2025 am 12:01 AM

JavaScript ist die Kernsprache der modernen Webentwicklung und wird für seine Vielfalt und Flexibilität häufig verwendet. 1) Front-End-Entwicklung: Erstellen Sie dynamische Webseiten und einseitige Anwendungen durch DOM-Operationen und moderne Rahmenbedingungen (wie React, Vue.js, Angular). 2) Serverseitige Entwicklung: Node.js verwendet ein nicht blockierendes E/A-Modell, um hohe Parallelitäts- und Echtzeitanwendungen zu verarbeiten. 3) Entwicklung von Mobil- und Desktop-Anwendungen: Die plattformübergreifende Entwicklung wird durch reaktnative und elektronen zur Verbesserung der Entwicklungseffizienz realisiert.

Python vs. JavaScript: Die Lernkurve und Benutzerfreundlichkeit Python vs. JavaScript: Die Lernkurve und Benutzerfreundlichkeit Apr 16, 2025 am 12:12 AM

Python eignet sich besser für Anfänger mit einer reibungslosen Lernkurve und einer kurzen Syntax. JavaScript ist für die Front-End-Entwicklung mit einer steilen Lernkurve und einer flexiblen Syntax geeignet. 1. Python-Syntax ist intuitiv und für die Entwicklung von Datenwissenschaften und Back-End-Entwicklung geeignet. 2. JavaScript ist flexibel und in Front-End- und serverseitiger Programmierung weit verbreitet.

So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration) So erstellen Sie eine SaaS-Anwendung mit mehreren Mietern mit Next.js (Frontend Integration) Apr 11, 2025 am 08:22 AM

Dieser Artikel zeigt die Frontend -Integration mit einem Backend, das durch die Genehmigung gesichert ist und eine funktionale edtech SaaS -Anwendung unter Verwendung von Next.js. erstellt. Die Frontend erfasst Benutzerberechtigungen zur Steuerung der UI-Sichtbarkeit und stellt sicher, dass API-Anfragen die Rollenbasis einhalten

Von C/C nach JavaScript: Wie alles funktioniert Von C/C nach JavaScript: Wie alles funktioniert Apr 14, 2025 am 12:05 AM

Die Verschiebung von C/C zu JavaScript erfordert die Anpassung an dynamische Typisierung, Müllsammlung und asynchrone Programmierung. 1) C/C ist eine statisch typisierte Sprache, die eine manuelle Speicherverwaltung erfordert, während JavaScript dynamisch eingegeben und die Müllsammlung automatisch verarbeitet wird. 2) C/C muss in den Maschinencode kompiliert werden, während JavaScript eine interpretierte Sprache ist. 3) JavaScript führt Konzepte wie Verschlüsse, Prototypketten und Versprechen ein, die die Flexibilität und asynchrone Programmierfunktionen verbessern.

Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration) Erstellen einer SaaS-Anwendung mit mehreren Mietern mit Next.js (Backend Integration) Apr 11, 2025 am 08:23 AM

Ich habe eine funktionale SaaS-Anwendung mit mehreren Mandanten (eine EdTech-App) mit Ihrem täglichen Tech-Tool erstellt und Sie können dasselbe tun. Was ist eine SaaS-Anwendung mit mehreren Mietern? Mit Multi-Tenant-SaaS-Anwendungen können Sie mehrere Kunden aus einem Sing bedienen

See all articles