Server-rendering Reagieren js auf einer statischen website

Habe ich erforscht, reagieren in letzter Zeit viel, und ich sehe, wie können Sie so etwas wie Knoten-zu-server-render-code. Ich bin wirklich daran interessiert, die Verwendung von statischen Seiten für die Gründe der Schnelligkeit, aber ich bin mir nicht sicher, ob es möglich ist, zu erbringen reagieren-Komponenten bei der Verwendung von statischem html.

Könnte ich so etwas wie nginx auf trigger reagieren Rendern? Oder brauche ich mehr zu benutzen und Dinge wie Knoten, rails oder sinatra? Sorry, wenn dies eine fehlgeleitete Frage, die ich nicht haben ein starkes Gefühl von client-server Interaktionen.

InformationsquelleAutor Blaine Hatab | 2014-09-11
  1. 8

    Wir exportieren eine Funktion, die Ihnen erlaubt, zu machen, um statische HTML - ReactDOMServer.renderComponentToStaticMarkup (docs).

    Müssen Sie ausgeführte Knoten zum Aufruf dieser Funktion. Alternativ können Sie auch verwenden, dass die Funktion während der Entwicklung Ihrer Website und rufen Sie erzeugen eine statische HTML-Datei, die Sie auf die Festplatte schreibt. Sie müssen noch Knoten zum Aufruf der Funktion, aber Sie würden nicht brauchen, Knoten in der Produktion. Sie können dann diese Datei verwenden, aber Sie wollen (zB, könnte verwendet werden, mit GitHub pages, S3, oder eigentlich überall, da es nur HTML).

    • So werden Sie sagen, ich solle generieren statische markup aus dem Knoten server-code für die Produktion? Oder werden Sie sagen, dass, sobald es erzeugt das markup kann ich dienen es überall. Gerade der Klärung. Danke für die Antwort.
    • Wie man es auch in der Produktion ist bis zu Ihnen. Sie erwähnt nur wollen, um zu dienen statische HTML. Sie können das tun, aber um zu Reagieren, benötigen Sie ein JS-engine, um den code auszuführen. Sie bauen könnte, was ziemlich leicht, die läuft durch einige routing-anzeigen und Komponenten Reagieren, fordert, dass die Methode, dann speichert die Ausgabe in html-Dateien. Ähnlich wie Jekyll und anderen "statischen Website" Generatoren wirklich brauchen, Ruby oder anderen code ausführen Umgebung zu bekommen, um die statische end-Ziel.
    InformationsquelleAutor Paul O'Shannessy
  2. 5

    Wenn Sie planen, Ihr Reagieren web-app in CDN (z.B. GitHub-Pages, Amazon S3 /CloudFront, FB), dann möchten Sie vielleicht, um die vor-Rendern-alle Ihre reagieren-basierten Seiten als statische HTML-Dateien während der Kompilierung Schritt. Hier ist ein Beispiel:

    https://github.com/koistya/react-static-boilerplate

    (disclaimer: ich bin der Autor)

    Als nächsten Schritt, können Sie ein Travis CI automatisierter build-Konfiguration für diese Website, so dass, sobald die neue version der source-Dateien geschoben wird, um das GitHub-repository, Travis CI wird das Projekt erstellen und schieben Sie es auf GitHub-Pages (oder Amazon S3, FB).

    InformationsquelleAutor Konstantin Tarkus
  3. 3

    Ja, mit server-rendering können Sie erzeugen eine statische version der Seite, und servieren Sie es wie eine statische website.

    Vom https://github.com/reactjs/react-page

    Reagieren kann, macht dynamisch, Netzwerk-verbundenen apps. Aber mit reagieren-Seite
    Reagieren, können auch verwendet werden zum erstellen einer statischen blog, Github Dokumentation,
    oder andere statische Website. Da reagieren-Seite verwendet server-rendering,
    erstellen einer statischen Website ist genauso einfach wie eine einzelne wget Befehl.

    Knoten server.js wget -mpck --user-agent="" -e robots=off
    http://localhost:8080/index.html Holen wget auf OS X: versuchen Sie
    http://osxdaily.com/2012/05/22/install-wget-mac-os-x/ oder wenn Sie haben
    brew: brew install wget

    Diese prebuilds Ihre gesamte interaktive Website, so kann es serviert werden
    ein Datei-server oder github etc. Vergessen Sie nicht, aktivieren Sie die gzip-Datei auf Ihrem
    server!!! Reagieren markup ist groß, aber komprimiert sehr gut.

    InformationsquelleAutor matt
Schreibe einen Kommentar