Låt oss visa dig hur du automatiserar distributionen av din anpassade inloggnings-UI till Logto Cloud i din DevOps-pipeline med ett GitHub Actions arbetsflöde.
Logto är ditt bättre val av lösning för Customer Identity and Access Management (CIAM). Nyligen lanserade vi funktionen "Bring your own UI" på Logto Cloud, vilket ger utvecklare möjlighet att fullt ut anpassa sitt inloggnings-UI.
I ett tidigare blogginlägg gav vi också en steg-för-steg-guide för att skapa ditt eget inloggnings-UI, vilken inkluderar:
@logto/tunnelSom en apputvecklare med en DevOps-mentalitet kan du dock finna denna process besvärlig när du gör ändringar i din anpassade inloggningssida. Finns det ett sätt att automatisera hela processen?
Vi har lyssnat på din feedback och är glada att introducera ett nytt deploy CLI-kommando i @logto/tunnel. Detta kommando låter dig automatisera distributionsprocessen genom att köra kommandot i din terminal eller integrera det i ett GitHub Actions arbetsflöde, vilket är särskilt användbart för att bygga din CI/CD-pipeline. Låt oss dyka in!
Innan vi dyker in i installationen, se till att du har följande:
@logto/tunnel CLI-verktyg som en dev-beroende i ditt projekt.I ditt GitHub-repo, skapa en ny arbetsflödesfil. Du kan göra detta genom att navigera till .github/workflows/ och skapa en fil med namnet deploy.yml.
dist i root-mappen../dist-mappen till din Logto Cloud-tenant. Det använder miljövariabler för känslig information.För mer information om GitHub Actions, besök GitHub Actions Dokumentation.
För att hålla dina uppgifter säkra bör du lagra dem som hemligheter i ditt GitHub-repo:
<m2m-app-id>:<m2m-app-secret>.När du har satt upp arbetsflödet och konfigurerat hemligheterna kan du testa det genom att slå ihop en PR till mastergrenen. GitHub Actions arbetsflöde kommer automatiskt utlösas och din anpassade inloggnings-UI distribueras till Logto Cloud.
Genom att integrera @logto/tunnel CLI-kommandot i ditt GitHub Actions arbetsflöde kan du effektivisera distributionsprocessen av din anpassade inloggnings-UI till Logto Cloud. Denna automatisering låter dig fokusera på utveckling medan du försäkrar att dina ändringar kontinuerligt testas i en live-miljö.
Lycka till med kodandet!