[RUBY] Ich habe versucht, eine mit antikem Middleman erstellte Seite in Azure Static Web Apps bereitzustellen
Einführung
Vorwort
Da dieser Artikel im Folienformat veröffentlicht werden soll, wird er hauptsächlich mit Aufzählungszeichen versehen.
Bitte beachten Sie, dass diese Ansicht meine persönliche Ansicht ist und nicht mit der Ansicht des Unternehmens übereinstimmt, zu dem ich gehöre.
Vorstellen
Es wäre hilfreich, wenn Sie [hier] sehen könnten (https://huideyeren.info/author/).
Hauptsächlich verwendete "Waffe"
- C#
――Aber ASP.NET Core kann in der Praxis nicht verwendet werden
- SQL
--Transact-SQL main
- JavaScript/TypeScript
- Python
- Ruby
--Text
Kommen wir nun zum Hauptthema
Azure Static Web Apps
- Neuer Service bei Build 2020 angekündigt
- Kann statische Websites und APIs veröffentlichen
- Es scheint, dass statische Seiten CDN verwenden
--API ist Azure Functions und JavaScript
- Es scheint unter Linux Node.js zu laufen
--Deployment ist eng mit GitHub-Aktionen verbunden
- Neben JAMstack werden auch Hugo und Jekyll unterstützt.
Middleman
--Ruby Static Site Generator
- Einfach zu bedienen für diejenigen, die Rails verstehen
- Die aktuelle Version ist 4.3.6
――Diese Seite wurde jedoch nicht auf die Version 4 aktualisiert.
-Es wird auch in [Eigene Seite] verwendet (http://sazaby-league-hr.co.jp/)
- ** Hergestellt mit Middleman of Antiques **
--Ver.3-Serie, deren Unterstützung beendet wurde
- Nicht viel aktualisiert
--Verwenden Sie verschiedene Farben für die Vorlage 5t111111 / middleman-blog-drop-template
--Diese Vorlage, Node.js, als ich sie verwendete, wurde nur zum Abrufen von Font Awesome verwendet
――Es scheint, dass Sie jetzt babel verwenden
Wo verwenden Sie für das Hosting?
- Wird derzeit von [Netlify] gehostet (https://www.netlify.com/)
--Build verwendet die CI / CD-Umgebung von Netlify
- Keine YAML-Einstellungen erforderlich
- Geben Sie nur den Befehl an
- Und schneller als Azure Static Web Apps
- Ursprünglich auf GitHub-Seiten bereitgestellt
- Bau ist lokal
- Nutzen Sie diese Gelegenheit, um Azure Static Web Apps auszuprobieren
»Aber es ist nicht einfach
Azure Static Web Apps-Einstellungen
Weitere Informationen finden Sie unter MS Official Document.
Dies entspricht fast den GitHub-Aktionen.
- Erstellen Sie statische Azure-Webanwendungen in Azure Portal
- Legen Sie ein Abonnement, einen Namen und eine Region fest
- Verknüpfen Sie das GitHub-Konto und das Azure-Konto
- Verknüpfen Sie das GitHub-Repository
Einstellungen für die Erstellung von Azure Static Web Apps
Ich habe die folgenden Einstellungen übernommen
| Elemente einstellen |
Wert |
| App location |
/ |
| Api location |
Geben Sie diese Zeit nicht ein |
| App artifact location |
build |
Bearbeiten Sie dann die dem Repository hinzugefügte YAML.
YAML bearbeiten
Der Inhalt von YAML ist [Seite der Datei auf GitHub](https://github.com/huideyeren/huideyeren.github.io/blob/develop/.github/workflows/azure-static-web-apps-black-water- 01753d000.yml).
Die Punkte sind wie folgt.
- Ruby und Node.js Setup hinzugefügt.
- Build-Task hinzufügen
- Ändern Sie die Bereitstellungsaufgabe so, dass sie nur bereitgestellt wird
Aber es funktioniert auf Netlify, aber nicht auf GitHub!
Was schief gelaufen ist
- Font Awesome 4.7.0 hat für Bildschirmleser aus irgendeinem Grund zugenommen
- Es gab keine Einstellung für "npm run build" in "package.json"
Bewältigung
- Font Awesome auf Version 5 aktualisiert. Kostenlose Version
- Die Einstellung für "npm run build" wurde hinzugefügt
- Aber nichts tun
- Der Aufbau sollte vor der Bereitstellung erfolgen
als Ergebnis
Ich konnte tatsächlich für Azure Static Web Apps bereitstellen!
Die Bereitstellung von Netlify war jedoch schneller.
Daher planen wir, Netlify auch in Zukunft weiter zu verwenden.
Was ist übrigens mit der Erneuerung?
Die auf der PyCon JP 2019 angekündigte CMS + JAM-Stapelkonvertierung steht derzeit still.
Wenn Sie es sich leisten können, wird diese Person auch mit dem Plan fortfahren.
Danke für Ihre Aufmerksamkeit