Laten we je laten zien hoe je de implementatie van je aangepaste inlog-UI naar Logto Cloud in je devops-pijplijn kunt automatiseren met een GitHub Actions workflow.
Logto is je betere keuze voor Customer Identity en Access Management (CIAM) oplossing. Onlangs hebben we de functie "Breng je eigen UI" gelanceerd op Logto Cloud, waarmee ontwikkelaars hun inlog-UI volledig kunnen aanpassen.
In een vorige blogpost, hebben we ook een stapsgewijze handleiding gegeven voor het maken van je eigen inlog-UI, die onder meer omvat:
@logto/tunnel CLI voor lokale debuggingAls app-ontwikkelaar met een DevOps-mentaliteit vind je dit proces misschien omslachtig bij het aanbrengen van wijzigingen aan je aangepaste inlogpagina. Is er een manier om het hele proces te automatiseren?
We hebben naar je feedback geluisterd en we zijn verheugd om een nieuw deploy CLI-command in @logto/tunnel te introduceren. Dit command stelt je in staat om het implementatieproces te automatiseren door het command in je terminal uit te voeren, of door het te integreren in een GitHub Actions workflow, wat vooral nuttig is voor het bouwen van je CI/CD-pijplijn. Laten we erin duiken!
Voordat we beginnen met de installatie, zorg ervoor dat je het volgende hebt:
@logto/tunnel CLI-tool als een ontwikkelafhankelijkheid in je project.Maak in je GitHub-repository een nieuw workflowbestand. Dit kun je doen door naar .github/workflows/ te navigeren en een bestand met de naam deploy.yml te maken.
dist in de hoofdmap is genoemd../dist-map te implementeren naar je Logto Cloud-tenant. Het gebruikt omgevingsvariabelen voor gevoelige informatie.Voor meer informatie over GitHub Actions, bezoek de GitHub Actions Documentatie.
Om je referenties veilig te houden, moet je ze opslaan als geheimen in je GitHub-repository:
<m2m-app-id>:<m2m-app-secret>.Zodra je de workflow hebt ingesteld en de geheimen hebt geconfigureerd, kun je deze testen door een PR samen te voegen naar de master-branch. De GitHub Actions workflow wordt automatisch geactiveerd en je aangepaste inlog-UI wordt geïmplementeerd naar Logto Cloud.
Door de @logto/tunnel CLI-command in je GitHub Actions workflow te integreren, kun je het implementatieproces van je aangepaste inlog-UI naar Logto Cloud stroomlijnen. Deze automatisering stelt je in staat om je te concentreren op ontwikkeling terwijl je ervoor zorgt dat je wijzigingen continu worden getest in een live-omgeving.
Veel programmeerplezier!