Jenkins Blue Ocean to darmowa wtyczka nowoczesnego interfejsu użytkownika dla Jenkins, która została zaprojektowana do usuwania zastraszających funkcji Jenkins. Zamiast tego oferuje uproszczone i intuicyjne funkcje do budowy rurociągów Jenkins.
Jedną wyjątkową cechą Jenkins Blue Ocean jest graficzna edytor rurociągów. Pozwala to zdefiniować etapy i kroki rurociągu za pomocą interfejsu graficznego zamiast edytora skryptów. Z edytorem rurociągów Blue Ocean użytkownicy mogą tworzyć rurociągi, przeciągając i upuszczając wstępnie zdefiniowane kroki, zamiast pisać kod, co czyni go bardzo przystępnym dla początkujących.
Jenkins Blue Ocean zawiera również inne funkcje, takie jak pulpit nawigacyjny, który zapewnia przegląd statusu wszystkich rurociągów oraz możliwość przeglądania i interakcji z biegami rurociągu w czasie rzeczywistym. Ponadto obejmuje integrację z popularnymi systemami kontroli wersji, takimi jak git i rtęć, oraz wsparcie dla szerokiej gamy narzędzi i technologii.
Ten samouczek uczy, jak utworzyć prosty rurociąg za pomocą pulpitu nawigacyjnego Jenkins Blue Ocean.
Zainstaluj wtyczkę Blue Ocean na Jenkins
Pierwszym krokiem jest upewnienie się, że mamy zainstalowaną wtyczkę Blue Ocean na naszym serwerze Jenkins.
Otwórz deskę rozdzielczą Jenkins -> Zarządzaj Jenkins -> Zarządzaj wtyczkami -> Dostępne wtyczki i wyszukaj Blue Ocean.
Znajdź wtyczkę Blue Ocean. Następnie wybierz i kliknij Zainstaluj. Po pobraniu uruchom ponownie serwer Jenkins, aby zainstalować i zastosuj wtyczkę Blue Ocean.
Uruchom interfejs Blue Ocean
Po zainstalowaniu wtyczki Blue Ocean można znaleźć opcję zalogowania się do Blue Ocean na desce rozdzielczej Jenkins.
Alternatywnie możesz przejść do swojego adresu URL Jenkins/Blue, aby zalogować się na desce rozdzielczej Blue Ocean.
Po zalogowaniu się do pulpitu nawigacyjnego zobaczysz listę wszystkich utworzonych rurociągów i opcję tworzenia nowych rurociągów.
Ten samouczek pokazuje, jak utworzyć nowy rurociąg za pomocą prostego węzła.JS i React Web Application.
Repozytorium znajduje się w poniższym linku:
https: // github.com/Jenkins-Docs/Simple-Node-JS-REACT-NPM-APP
Utwórz nowy rurociąg na Blue Ocean
Na desce rozdzielczej Blue Ocean kliknij „Nowy rurociąg”, aby uruchomić nowy rurociąg.
Wybierz źródło swojej aplikacji. W naszym przykładzie kod źródłowy jest hostowany na GitHub. Możemy wybrać GitHub i kliknąć Connect, aby połączyć się z naszym kontem GitHub.
Jeśli wcześniej nie podłączyłeś instancji Jenkins do GitHub, wybierz „Utwórz nowy token dostępu” i zaloguj się na konto Github.
To pozwala generować nowy token dostępu dla Jenkins. Wybierz zakres tokena dostępu (domyślnie powinien działać) i kliknij „Utwórz”.
Skopiuj wygenerowany token i wklej go do Jenkins. Kliknij „Połącz”.
Po połączeniu wybierz żądaną organizację, aby kontynuować.
Następnie wróć do repozytorium Simple-Node-JS-React-NPM-App i rozwidlić repozytorium na swoje konto.
Wróć do deski rozdzielczej Blue Oceans i wybierz repozytorium Simple-Node-JS-React-NPM-App.
Następnie kliknij „Utwórz rurociąg”, aby utworzyć rurociąg z repozytorium.
Po utworzeniu rurociągu Jenkins ostrzega cię, że nie ma Jenkinsfile, który jest zdefiniowany w repozytorium. To zmusza Cię do zdefiniowania instrukcji rurociągu za pomocą edytora rurociągu Blue Ocean.
Kliknij ikonę (+), aby dodać nowy etap. Wprowadź nazwę sceny jako „kompilację” i dodaj krok jako „skrypt powłoki."
Dodaj polecenie skryptu powłoki jako „instalacja NPM”.
Następnie kliknij ikonę Plus (+), aby dodać nowy etap do swojego rurociągu.
Podaj scenę z nazwą „test” i dodaj krok kompilacji jako „skrypt powłoki.”Następnie dodaj polecenie skryptu w następujący sposób:
To pozwala skryptowi przejść do katalogu Jenkins/Scripts i uruchomić test.plik sh.
Po zakończeniu kliknij „Zapisz”, aby zapisać i uruchom rurociąg.
Powinno to popełnić zmiany w gałęzi głównej rozwidlonego repozytorium i zbudować kroki zdefiniowane w rurociągu.
Możesz wrócić do deski rozdzielczej Blue Ocean i kliknąć rurociąg, aby sprawdzić postęp.
Uwaga: Jeśli instancja Jenkins działa w systemie Windows, musisz użyć skryptu wsadowego Windows zamiast skryptu powłoki.
Wniosek
Nauczyłeś się teraz, jak instalować, konfigurować i używać wtyczki Blue Ocean na Jenkins. Nauczyłeś się również, jak łączyć Jenkins z GitHub i utworzyć rurociąg za pomocą interfejsu Blue Ocean.