Pokażemy ci, jak zautomatyzować wdrażanie twojego niestandardowego UI logowania do Logto Cloud w twojej ścieżce CI/CD za pomocą GitHub Actions workflow.
Logto to lepszy wybór dla rozwiązań Customer Identity and Access Management (CIAM). Niedawno uruchomiliśmy funkcję „Bring your own UI” na Logto Cloud, która umożliwia deweloperom pełne dostosowanie swojego interfejsu logowania.
W wcześniejszym poście na blogu zapewniliśmy również przewodnik krok-po-kroku na temat tworzenia własnego UI logowania, który zawiera:
@logto/tunnel do debugowania lokalnegoJednak jako deweloper aplikacji z myśleniem DevOps, możesz uznać ten proces za uciążliwy, gdy wprowadzasz zmiany na stronie logowania. Czy istnieje sposób na zautomatyzowanie całego procesu?
Usłyszeliśmy twoje opinie i z radością wprowadzamy nowe polecenie CLI deploy w @logto/tunnel. To polecenie pozwala zautomatyzować proces wdrażania, wykonując to polecenie w terminalu lub integrując je z workflow GitHub Actions, co jest szczególnie przydatne przy budowaniu ścieżki CI/CD. Zaczynajmy!
Zanim przejdziemy do konfiguracji, upewnij się, że masz:
@logto/tunnel jako zależność deweloperską w projekcie.W swoim repozytorium GitHub utwórz nowy plik workflow. Można to zrobić, przechodząc do .github/workflows/ i tworząc plik o nazwie deploy.yml.
dist w katalogu głównym../dist do twojego dzierżawcy Logto Cloud. Używa zmiennych środowiskowych dla poufnych informacji.Więcej informacji na temat GitHub Actions znajdziesz w Dokumentacji GitHub Actions.
Aby utrzymać swoje poświadczenia w tajemnicy, powinieneś przechowywać je jako tajne dane w swoim repozytorium GitHub:
<m2m-app-id>:<m2m-app-secret>.Po skonfigurowaniu workflow i skonfigurowaniu sekretów, możesz go przetestować, scalając PR do gałęzi master. Workflow GitHub Actions automatycznie się uruchomi, a twój niestandardowy UI logowania zostanie wdrożony do Logto Cloud.
Integrując polecenie CLI @logto/tunnel w swoim workflow GitHub Actions, możesz usprawnić proces wdrażania swojego niestandardowego UI logowania do Logto Cloud. Ta automatyzacja pozwala skupić się na rozwoju, jednocześnie zapewniając ciągłe testowanie zmian w środowisku produkcyjnym.
Miłego kodowania!