Angular 4 SEO Freundliche Lösung in prod

Question

Ich versuche, eine Website in Angular 4 zu erstellen. Es ist eine Basis meiner persönlichen Studie.

My website läuft und läuft, aber ich versuche, es zu verbessern. Ich habe überprüft und anscheinend ist meine Website nicht SEO Friendly. Ich mache einige Änderungen und ich entdeckte dieses Beispiel https://oliverveits.wordpress.com/2017/07/05/server-side-rendering-in-angular-4-with-universal/, die eine Angular 4 App mit Page Source-Code zeigen.

Ich mache die Änderungen, ich begann, Webpack und andere Funktionen zu verwenden, die durch den Link gezuckert werden. Wenn ich den Befehl "npm run start" ausführe und auf http://localhost:8000 zugreife, kann ich die Seitenquelle sehen. Aber wenn ich den Dist auf meinen Server auf GoDaddy Domain kopiere, kann ich das nicht.

Ich bin mir nicht sicher, was ich zu tun habe. Wenn ich meine Website in einen node.js-Server legen muss oder wenn ich es nicht richtig kompiliere, um das zu haben, was ich erwarte.

Ich bin offen für verschiedene Ansätze.

Answer 1

Nun, ich fand das, was dieses Problem verursacht.

Ich denke, viele neue Angular Devs möglich haben das gleiche Problem.

Beim Ausführen von „npm starten“ oder „ng s“ was machst du den Knoten gesetzt wird einen bestimmten Port zu hören. Mit anderen Worten, Sie führen einen Knotenserver aus.

Kopieren Sie in einem anderen Ansatz die Dateien auf einen IIS-Server oder Apache Server. Dadurch wird der Knotenserver nicht ausgeführt. In diesem Szenario werden die Seiten in den Client-Browser heruntergeladen und als HTML/JavaScript-Seite ausgeführt. Und als ich versuchte, die Seitenquelle zu sehen, sah ich die Angular-Dateien.

Nahm mich eine Weile, um es zu verstehen. Mein Hintergrund ist .NET Entwicklung.

Jetzt ein Tag meine Website läuft in einem der vielen node.js Server. evennode.com, auf diesem Server, anstatt einen IIS oder Apache zu haben, richten sie einen Knotenserver ein, um einen bestimmten Port aufzulisten, und dann können Sie all Ihre Entwicklung auf der Serverseite ausführen.

Ich fand einfacher zu verwenden einen Knoten js Server wie evennode sie setzen tup Knoten js auf meinem Goddady-Konto laufen.