Sitecore XM Cloud i JavaScript Services (JSS) to wymarzony zespół, jeśli chodzi o tworzenie nowoczesnych, skalowalnych i bezgłowych aplikacji. Wyobraź sobie, że masz swobodę rozwoju za pomocą ulubionego frameworka JavaScript - React, Angular, Widok — podczas gdy XM Cloud dba o podnoszenie ciężarów w zapleczu. Rezultat? Szybkie, elastyczne i przyszłościowe doświadczenie cyfrowe.
Jeśli jesteś gotowy na bezgłowy z Sitecore, zanurzmy się w ten proces krok po kroku!
Krok 1: Skonfiguruj środowisko XM Cloud i JSS
Po pierwsze - musisz przygotować swoje środowisko.
1. Zaloguj się do XM Cloud — Udaj się do Portal XM Cloud, w którym skonfigurujesz swoje środowisko i rozpoczniesz wszystko w ruchu.
2. Zainstaluj wymagane narzędzia — Będziesz potrzebował Sitecore CLI a JSS CLI do interakcji z projektem i płynnego wdrażania go. Uruchom następujące czynności w swoim terminalu:
npm zainstaluj -g @sitecore -jss/sitecore-jss-cli
npm zainstaluj -g @sitecore /cli
Krok 2: Zainicjuj swoją aplikację JSS
Teraz, gdy twoje środowisko jest ustawione, nadszedł czas, aby uruchom aplikację.
1. Utwórz nową aplikację JSS używając ulubionego frameworka. Na przykład, jeśli pracujesz z React, uruchom:
jss create my-app response
2. Podłącz go do XM Cloud poprzez skonfigurowanie scjssconfig.json plik ze swoim Szczegóły instancji XM Cloud.
Krok 3: Opracuj komponenty bez głowy
Oto, gdzie dzieje się magia - buduj swoją rzeczywistą witrynę! Ponieważ jest to konfiguracja bez głowy, Twój frontend będzie konsumował treści z interfejsu API Sitecore.
1. Tworzenie komponentów interfejsu użytkownika wielokrotnego użytku w React, Angular lub Vue.
2. Pobieranie dynamicznej zawartości używając Sitecore's Interfejs API GraphQL. Na przykład proste zapytanie może wyglądać następująco:
zapytanie {
układ (strona: „my-app”, RoutePath: „/”) {
przedmiot {
nazwa
}
}
}
Krok 4: Wdrożenie w XM Cloud
Teraz nadszedł czas, aby uruchomić aplikację!
1. Aby przenieść aplikację do XM Cloud, uruchom następujące czynności:
wdrożenie jss
2. XM Cloud będzie automatycznie zsynchronizuj swoją aplikację ze zmianami treści i układu — bez przestojów, bez kłopotów.
Krok 5: Zarządzaj treścią jak profesjonalista
Jedną z największych zalet korzystania z Sitecore XM Cloud jest łatwe zarządzanie treścią.
- Użyj Pulpit nawigacyjny XM Cloud do tworzenia, edycji i podglądu treści w czasie rzeczywistym.
- Zmiany natychmiast odzwierciedlają się w witrynie na żywonie są wymagane żadne przebudowy!
Dlaczego JSS i XM Cloud?
Teraz możesz się zastanawiać - dlaczego nie ma głowy dzięki JSS i XM Cloud? Oto dlaczego:
✅ Skalowalność — Infrastruktura natywna dla chmury oznacza, że Twoja witryna działa szybko w dowolnym miejscu na świecie.
✅ Architektura oddzielona - Frontend i backend działają niezależnie, co pozwala na szybsze cykle rozwoju.
✅ Personalizacja i testy A/B — Nawet w konfiguracji bezgłowej silnik personalizacji Sitecore pozwala Ci dostarczanie spersonalizowanych doświadczeń.
