Eine Sidecar-Funktion zum Ausführen von serverseitigem Inertia-Rendering auf Lambda

Bloggen

Eine Sidecar-Funktion zum Ausführen von serverseitigem Inertia-Rendering auf Lambda

Beiwagen SSR für InertiaJS

Dies ist derzeit sehr viel in der Beta!

Sie können ein voll funktionsfähiges Jetstream + Inertia + Sidecar-Demo-Repo unter sehen hammerstonedev/sidecar-inertia-demo .

Überblick

Dieses Paket stellt eine auszuführende Sidecar-Funktion bereit Serverseitiges Rendering mit Trägheit auf AWS Lambda.

Sidecar verpackt, implementiert und führt AWS Lambda-Funktionen aus Ihrer Laravel-Anwendung aus.

Es funktioniert mit jeder Laravel 7- oder 8-Anwendung, die überall gehostet wird, einschließlich Ihres lokalen Computers, Vapor, Heroku, eines gemeinsam genutzten virtuellen Servers oder einer anderen Art von Hosting-Umgebung.

Aktivieren von SSR

Im Anschluss an die offizielle Inertia-Dokumentation Die Aktivierung von SSR ist ein guter Anfang, aber es gibt ein paar Dinge, die Sie überspringen können:

  • Sie müssen nicht |_+_|
  • Sie müssen nicht |_+_|
  • Kommen Sie hierher zurück, wenn Sie zum Abschnitt „Erstellen Ihrer Anwendung“ gelangen

Stellen Sie sicher, dass |_+_| ist mindestens Version |_+_|.

Installation

Um dieses Paket anzufordern, führen Sie Folgendes aus:

|_+_|

Dadurch wird auch Sidecar installiert.

Verwenden des Sidecar-Gateways

Aktualisieren Sie Ihr |_+_| um die |_+_| zu verwenden als standardmäßiges Trägheits-SSR-Gateway

reagieren-plaid-link
|_+_|

Aktualisieren der Konfiguration

Aktualisieren Sie Ihr |_+_| um die Sidecar-Einstellungen einzuschließen

|_+_|

Sidecar konfigurieren

Falls noch nicht geschehen, müssen Sie Sidecar konfigurieren.

Veröffentlichen Sie die |_+_| Konfigurationsdatei durch Ausführen

|_+_|

Um Ihre Sidecar-AWS-Anmeldeinformationen interaktiv zu konfigurieren, können Sie ausführen

|_+_|

Das offizielle Sidecar-Dokumentation viel weiter ins Detail gehen.

wie man eine website in python öffnet

Aktualisieren Sie nun Ihre |_+_| um die mit diesem Paket gelieferte Funktion einzuschließen.

|_+_|

Aktualisieren Ihres JavaScripts

Dies gilt nur für Vue3, bitte folgen Sie den Inertia-Dokumenten für Vue2 oder React und öffnen Sie bitte alle Probleme.

Sie müssen Ihr |_+_| aktualisieren Datei. Dies sollte funktioniert in den meisten Fällen, aber öffnen Sie bitte alle Probleme für Fehler, auf die Sie stoßen. (Dies basiert auf den Inertia-Dokumenten mit geringfügigen Änderungen.)

|_+_|

Und aktualisieren Sie Ihr |_+_| so etwas aussehen. Die Einzelheiten können je nach Anwendung variieren. Wenn Sie verwenden Ziggy , sollten Sie das Ziggy-Zeug auskommentieren. (Dies basiert auf den Inertia-Dokumenten mit geringfügigen Änderungen.)

|_+_|

Bereitstellen Ihrer SSR-Funktion

Nachdem Sie die SSR-Funktion zu Ihrem |_+_| hinzugefügt haben, sollten Sie |_+_| ausführen um Ihre Funktion bereitzustellen.

Dadurch wird Ihr JavaScript für Sie als |_+_| kompiliert Hook, damit Sie sich keine Gedanken darüber machen müssen, dies zuerst zu tun.

Debuggen von SSR

Es wird empfohlen, dass Sie Ihre Sidecar-Funktion lokal bereitstellen, damit Sie SSR schneller testen können. Sie können |_+_| ausführen von Ihrem lokalen Computer und Ihre SSR-Funktion wird auf Lambda bereitgestellt.

Sie können auch |_+_| festlegen zu |_+_| in Ihrem |_+_| -Datei, sodass Sidecar Ausnahmen auslöst, wenn SSR fehlschlägt, anstatt auf clientseitiges Rendern zurückzugreifen. Dies hilft Ihnen, Probleme schnell zu diagnostizieren.

Ziggy (Optional)

Wenn Sie Ziggy verwenden, müssen Sie einige Ziggy-Informationen an Ihr Lambda weitergeben. Sie können dies tun, indem Sie Folgendes zu Ihrem |_+_| hinzufügen Middleware.

|_+_|

Download-Details:
Autor: hammerstonedev
Quellcode: https://github.com/hammerstonedev/sidecar-inertia
Lizenz: MIT