[RUBY] J'ai essayé de déployer une page créée avec l'antique Middleman sur Azure Static Web Apps
introduction
Préface
Étant donné que cet article est censé être publié au format diapositive, il contient principalement des puces.
Veuillez noter que ce point de vue est mon point de vue personnel et ne correspond pas à celui de l'entreprise à laquelle j'appartiens.
Auto-introduction
Ce serait utile si vous pouviez voir par ici.
--Née pendant la période glaciaire de l'emploi (1981)
--Peut-être un ingénieur cowboy
"Arme" principalement utilisée
- C#
――Mais ASP.NET Core n'est pas utilisable en pratique
- SQL
--Transact-SQL principal
- JavaScript/TypeScript
- Python
- Ruby
--Texte
Passons maintenant au sujet principal
Azure Static Web Apps
--Nouveau service annoncé à Build 2020
--Peut publier des sites Web et des API statiques
--Il semble que les pages statiques utilisent CDN
--API est Azure Functions et JavaScript
--Il semble fonctionner sur Linux Node.js
--Déploiement étroitement lié aux actions GitHub
- En plus de JAMstack, il prend également en charge Hugo et Jekyll.
Middleman
--Générateur de site statique en rubis
--Facile à utiliser pour ceux qui comprennent les rails
- La version actuelle est 4.3.6
――Cependant, ma page n'a pas été mise à niveau vers la série ver.4.
-Il est également utilisé dans Propre page
- ** Fabriqué en utilisant Middleman of Antiques **
--Ver.3 série dont le support est terminé
- Pas beaucoup mis à jour
--Utilisez des couleurs différentes pour le modèle 5t111111 / middleman-blog-drops-template
- Ce modèle, Node.js lorsque je l'ai utilisé, n'était utilisé que pour récupérer Font Awesome
――Il semble que vous utilisez babel maintenant
Où utilisez-vous pour l'hébergement?
- Actuellement hébergé par Netlify
--Build utilise l'environnement CI / CD de Netlify
- Pas besoin de paramètres YAML
- Spécifiez uniquement la commande
- Et plus rapide que les applications Web statiques Azure
--Déployé à l'origine sur les pages GitHub
--Construire est local
- Profitons de cette occasion pour essayer Azure Static Web Apps
――Mais ce n'est pas simple
Paramètres Azure Static Web Apps
Pour plus de détails, reportez-vous au Document officiel MS.
C'est presque la même chose que les actions GitHub.
- Créez des applications Web statiques Azure dans le portail Azure
- Choisissez un abonnement, un nom et une région
- Lier le compte GitHub et le compte Azure
- Liez le référentiel GitHub
Paramètres de build Azure Static Web Apps
J'ai adopté les paramètres suivants
| Éléments de réglage |
valeur |
| App location |
/ |
| Api location |
N'entrez pas cette heure |
| App artifact location |
build |
Modifiez ensuite le YAML ajouté au référentiel.
Modification de YAML
Le contenu de YAML est [Page du fichier sur GitHub](https://github.com/huideyeren/huideyeren.github.io/blob/develop/.github/workflows/azure-static-web-apps-black-water- 01753d000.yml).
Les points sont les suivants.
- Ajout de l'installation de Ruby et Node.js.
- Ajouter une tâche de construction
- Modifiez la tâche de déploiement pour déployer uniquement
Mais cela fonctionne sur Netlify mais pas sur GitHub!
Qu'est ce qui ne s'est pas bien passé
- Font Awesome 4.7.0 a augmenté pour les lecteurs d'écran pour une raison quelconque
- Il n'y avait aucun paramètre pour
npm run build dans package.json
Faire face
- Mise à jour de Font Awesome vers la version 5 gratuite
- Ajout du paramètre pour
npm run build
- Cependant, ** ne faites rien **
--La construction doit être effectuée avant le déploiement
Par conséquent
J'ai pu déployer sur Azure Static Web Apps!
Cependant, Netlify était plus rapide à déployer.
Par conséquent, nous prévoyons de continuer à utiliser Netlify à l'avenir.
Au fait, qu'en est-il du renouvellement?
La conversion de la pile CMS + JAM annoncée à PyCon JP 2019 est actuellement au point mort.
Si vous pouvez vous le permettre, cette personne procédera également au plan.
Merci pour votre attention