Środowisko postojowe WordPress, którego użytkownicy uwielbiają używać!

Stworzenie strony testowej WordPress to doskonały pomysł na testowanie zmian bez wpływu na działającą stronę internetową.

Jeśli jesteś agencją lub indywidualnym programistą, środowisko testowe WordPress to świetny sposób na przyspieszenie pracy deweloperskiej i dostarczanie makiet swoim klientom przed terminami. Gdy wszystko będzie gotowe, a klienci zatwierdzą projekty, możesz wcisnąć wszystko, aby uruchomić witrynę internetową jednym kliknięciem.

Teraz, gdy jesteś przekonany, że chcesz rozwijać swoją witrynę w środowisku przejściowym, przyjrzyjmy się, jak możesz ją wdrożyć.

Istnieje kilka sposobów na stworzenie strony testowej WordPress. Na przykład możesz wybrać wtyczkę do testowania WordPress, taką jak „WP Staging”, BlogVault lub poszukać zarządzanego hostingu WordPress ze stagingiem, aby zbudować całą witrynę przed uruchomieniem.

W tym przewodniku omówię oba te sposoby konfigurowania środowiska pomostowego.

Co to jest środowisko pomostowe WordPress?

Środowisko pomostowe, zwane również pomostową witryną lub obszarem, jest dokładną repliką Twojej aktywnej witryny. Możesz najpierw przetestować zmiany (i ulepszenia) w witrynie testowej bez zakłócania działania witryny. Gdy wszystko działa idealnie, po prostu „pchaj” lub wdrażaj zmiany w działającej witrynie.

Jak zbudować witryny pomostowe WordPress?

Każda witryna WordPress uruchomiona na Cloudways ma własne środowisko pomostowe. Po zakończeniu pracy w witrynie pomostowej wskaż domenę i/lub wypchnij zmiany w działającej witrynie za pomocą środowiska pomostowego Cloudways lub wtyczki pomostowej WordPress innej firmy.

Hosting WordPress ze stagingiem

W Cloudways uruchomienie serwera opartego na WordPressie to kwestia kilku kliknięć. Zakładam, że masz już konto w Cloudways. Jeśli nie, utwórz go stąd.

Po zweryfikowaniu konta zaloguj się do platformy Cloudways i kliknij Uruchom .

Zostaniesz zapytany o serwer i aplikację, którą chcesz uruchomić.

W tym przykładzie wybieram WordPress jako aplikację i DigitalOcean jako hosting WordPress z serwerem pomostowym. Jeśli chcesz, możesz wybrać dowolnego z pięciu dostawców hostingu w chmurze do uruchomienia serwera postojowego WordPress.

Uzyskaj dostęp do witryny inscenizacyjnej WordPress

Po uruchomieniu witryny testowej WordPress odwiedź witrynę WordPress, przechodząc do zakładki Aplikacje i wybierz aplikację WordPress.

Pozwólcie, że zdefiniuję etykiety:

1. Pobiera listę wszystkich aplikacji hostowanych przez to konto.
2. To jest strona testowa WordPressa. Możesz zobaczyć niezbędne szczegóły.
3. Przycisk domyślnego adresu URL, aby uzyskać dostęp do witryny testowej WordPress.
4. Rozwijane menu z większą ilością opcji dla strony internetowej.
5. Możesz uruchomić więcej niż jedną witrynę testową WordPress na jednym serwerze.

Po załadowaniu testowej witryny WordPress zobaczysz ekran podobny do następującego:

To jest ekran zarządzania aplikacjami, na którym możesz ubrudzić sobie ręce. Etykiety są dość proste. Jeśli jednak chcesz uzyskać więcej informacji, zapoznaj się z przewodnikiem po ekranie Zarządzanie aplikacjami.

Uzyskaj dostęp do serwera pomostowego WordPress

Po uruchomieniu serwera tymczasowego możesz uzyskać dostęp do serwera z górnego paska menu.

Pozwólcie, że zdefiniuję etykiety:

1. Uzyskaj listę serwerów obsługiwanych przez to konto.
2. Szczegóły serwera pomostowego.
3. Liczba aplikacji (WordPress, PHP, Magento itp.) hostowanych na tym serwerze.
4. Rozwijane menu z większą liczbą opcji dla serwera.
5. Podobnie jak w przypadku opcji hostowania wielu witryn na jednym serwerze, możesz uruchomić wiele serwerów na jednym koncie Cloudways.

Wskaż domenę

Twoja witryna testowa WordPress jest teraz gotowa do działania.

Teraz możesz go zbudować bez obaw, a po zakończeniu wskaż domenę, zainstaluj bezpłatny certyfikat SSL i uruchom domenę.

Uwaga: Zakładam, że zbudowałeś swoją witrynę WordPress i uruchomiłeś ją, wskazując domenę. Na powyższym obrazku sprawdź trzeci wskaźnik, zmieniłem nazwę WP_Staging na Live_WP .

Utwórz inscenizację dla witryny na żywo i zmiany typu „push/pull”

W tym momencie stworzyłeś środowisko testowe, zbudowałeś witrynę WordPress i uruchomiłeś ją. Jeśli chcesz, możesz dodać nowe motywy/wtyczki lub przesłać własny niestandardowy kod. Witryna testowa oferuje doskonałą okazję do przetestowania i oceny przed wprowadzeniem jakichkolwiek zmian w działającej witrynie internetowej. To znacznie zmniejsza szanse na przetrwanie uszkodzonej witryny z powodu niesprawdzonych zmian w witrynie.

Aby stworzyć środowisko pomostowe swojej aktywnej witryny, musisz sklonować ją na tym samym lub innym serwerze.

Klonuj witrynę WordPress na żywo

Jeśli prowadzisz agencję internetową lub chcesz tworzyć witryny WordPress dla swoich klientów, funkcja klonowania może zaspokoić wszystkie Twoje wymagania. Ilekroć klient wymaga dostosowania stron internetowych, można uruchomić poprzez klonowanie internetową na żywo WordPress, testowanie zmian, a następnie wcisnąć zmian na stronie na żywo.

Przejdźmy przez proces tworzenia klonu/stagingu dla działającej witryny WordPress.

Przejdź do zakładki Aplikacje z górnego lewego paska menu, poszukaj swojego aktywnego WordPressa i kliknij ( ⋮ ), aby uzyskać dostęp do dalszych opcji. Z menu, które się otworzy, wybierz Klonuj aplikację/Utwórz Staging .

Uwaga: nazwałem moją aplikację WordPress na żywo jako „ Live_WP ”.

W tym momencie zostaną zadane dwa pytania : serwer, na którym chcesz sklonować lub utworzyć witrynę pomostową oraz czy chcesz po prostu sklonować witrynę lub chcesz utworzyć witrynę pomostową dla swojej aktywnej witryny.

WAŻNE : Pamiętaj o zaznaczeniu pola wyboru „ Utwórz jako Staging ” podczas tworzenia witryny testowej. Istnieje niewielka, ale istotna różnica między klonowaniem a przemieszczaniem aplikacji:

1. 1. Clone tworzy replikę aplikacji. Jednak nie będzie synchronizacji między oryginalną i sklonowaną aplikacją.
   2. Staging tworzy również replikę aplikacji. Jednak zarówno aplikacja aktywna, jak i replika są zsynchronizowane . Ponadto możesz wykonywać akcje Push & Pull zarówno w wersji live, jak i repliki.

Alternatywnie, wersje Clone/Staging można również utworzyć, przechodząc do aplikacji. Po wejściu najedź na prawy dolny pomarańczowy przycisk i wybierz Klonuj aplikację/Utwórz Staging.

I jesteś gotowy!

Ten proces zajmuje kilka minut, aby utworzyć pomostową witrynę WordPress na żywo. Po zakończeniu znajdziesz sklonowaną witrynę WordPress na karcie Aplikacje z etykietą „ staging ” przy nazwie rzeczywistej aplikacji.

Teraz strona testowa WordPress jest gotowa i możesz iść dalej i bawić się z witryną WordPress.

Zanurzmy się trochę głębiej.

Zarządzanie etapami dla aplikacji na żywo

Uzyskaj dostęp do aplikacji WordPress na żywo , a zobaczysz nowy element menu z etykietą „ Zarządzanie etapami ” w menu po lewej stronie. Oto jak to wygląda:

Możesz zobaczyć następujące trzy przyciski/opcje:

• Ściągnij: ściągaj zmiany z witryny tymczasowej do witryny aktywnej.
• Push: wypychaj zmiany z aktywnej witryny do witryny testowej.
• Wyświetl dzienniki: Wyświetl dzienniki dla działań w dziennikach Push/Pull.

Zarządzanie pomostami dla lokalizacji pomostowej

Przejdź do witryny testowej WordPress, a zobaczysz nowy element menu z etykietą „ Zarządzanie etapami ” w menu po lewej stronie.

Opcje są podobne do tych, które można znaleźć w aplikacji WordPress na żywo. Gdy skończysz ze zmianami w witrynie tymczasowej WP i będziesz wystarczająco pewny, aby wprowadzić zmiany do witryny na żywo, po prostu naciśnij przycisk Push . Będziesz pytany:

• Pliki aplikacji sieci Web: Skopiuj zmiany plików z witryny tymczasowej do witryny aktywnej.
• Baza danych: spowoduje to nadpisanie bazy danych witryny Live. (ZACHOWAJ OSTROŻNOŚĆ – możesz utracić ważne dane, jeśli w tym czasie dokonałeś zmian na poziomie bazy danych w aktywnej witrynie internetowej)
• Kopia zapasowa: Utwórz kopię zapasową swojej aktywnej witryny internetowej przed przeniesieniem danych z witryny testowej. Kiedy zdecydujesz się na kopię zapasową, zobaczysz przycisk Cofnij w aplikacji Live.

W ten sam sposób przycisk Pull przenosi zmiany z witryny Live do witryny pomostowej.

PS: Oto przewodnik, który trzeba przeczytać, z ważnymi uwagami na temat środowiska Cloudways Staging.

Rozszerz funkcję klonowania

Cloudways nie ogranicza się tylko do klonowania aplikacji. Możesz także klonować, a nawet przenosić serwery na inne konto w Cloudways.

• Clone Server: Utwórz kopię całego serwera dla tego samego konta.
• Transfer Server: Możesz przenieść serwer na inne konto Cloudways zawierające ten sam adres IP serwera.

Powyższe funkcje mogą być używane jako serwer pomostowy i są bardzo przydatne, jeśli jesteś właścicielem agencji i/lub budujesz witryny WordPress dla swoich klientów.

Jeśli jesteś programistą i używasz edytora kodu do bezpośredniej komunikacji z Git i wdrażania zmian, sugeruję przeczytanie tego świetnego artykułu na temat łączenia Sublime z Git i wdrażania zmian w aktywnych witrynach.

Wtyczka inscenizacji WordPress

Kilka wtyczek, takich jak BlogVault, WP Staging i WP Migrate DB, jest również popularnym wyborem do tworzenia witryny tymczasowej Twojej witryny na żywo, testowania zmian i wypychania.

Zaloguj się do swojej witryny WordPress na żywo, przejdź do Wtyczki -> Dodaj nowy i wyszukaj WP Staging lub WP Migrate DB .

W tym przewodniku użyję wtyczki WP Staging. Aby kontynuować, zainstaluj i aktywuj wtyczkę.

Wtyczka WP Staging poprosi Cię o pobranie wersji pro lub po prostu kliknij hiperłącze Pomiń - Rozpocznij klonowanie . Przed kontynuowaniem nie zapomnij wykonać kopii zapasowej witryny WordPress.

Kliknij przycisk Utwórz nową witrynę testową . Spowoduje to przejście do ekranu konfiguracji. Wprowadź nazwę witryny tymczasowej i zapoznaj się z innymi opcjami, aby wybrać, co chcesz sklonować.

Nie zapomnij sprawdzić wolnego miejsca na dysku , zwłaszcza jeśli masz dużą witrynę na żywo.

Teraz kliknij przycisk Rozpocznij klonowanie .

Witryna WP Staging zostanie utworzona za kilka minut i możesz zalogować się do pulpitu nawigacyjnego za pomocą poświadczeń administratora swojej aktywnej witryny.

Teraz przetestuj zmiany bez wpływu na działającą witrynę. Jednak przesyłanie zmian z powrotem do działającej witryny NIE jest dostępne w wersji bezpłatnej .

Jeśli nie chcesz płacić za wersję Pro, śmiało skorzystaj z pełnego środowiska inscenizacji witryny typu push/pull oferowanego przez Cloudways.

Przenieś witrynę WordPress

Czy funkcje Cloudways Staging Environment wyglądają interesująco?

Chcesz wypróbować środowisko testowe witryny WordPress? Cóż, dbamy o CIEBIE . Możesz łatwo przenieść witrynę WordPress do Cloudways, korzystając z naszej wtyczki „WordPress Migrator”.

Nasze zalecane najlepsze praktyki dotyczące witryn postojowych

Teraz, gdy nauczyłeś się tworzyć środowisko scenograficzne, musisz zwrócić uwagę na kilka kluczowych rzeczy, zanim faktycznie podejmiesz się zadania. Należą do nich kopie zapasowe, wiadomości e-mail, pamięci podręczne, bazy danych i wiele innych. Przeczytaj je uważnie, aby upewnić się, że proces tworzenia WordPressa przebiega płynnie i nie wiąże się z utratą cennych danych.

Zrób pełną kopię zapasową

Pełna kopia zapasowa obejmuje wszystkie pliki i bazę danych oraz kopie zapasowe na serwerze lub w innej lokalizacji, z której można ją odzyskać w dowolnym momencie. W przeciwieństwie do tego jest częściowa kopia zapasowa, która nie obejmuje wszystkich plików motywów, plików wtyczek, plików multimedialnych i bazy danych. Należy również pamiętać, że wykonanie natychmiastowej kopii zapasowej tuż przed rozpoczęciem pracy nad przemieszczaniem ma kluczowe znaczenie, ponieważ może upłynąć kilka dni, zanim zostanie wykonana automatyczna kopia zapasowa. Jeśli więc coś pójdzie nie tak i chcesz wrócić do najnowszej wersji swojej witryny, konieczne jest natychmiastowe wykonanie kopii zapasowej.

Wyczyść pamięć podręczną

Jako ktoś, kto od dawna pracuje ze stronami internetowymi, cache to coś, co wciąż przeszkadza mi przy zmianach na stronie. Częstym zjawiskiem jest to, że wprowadzamy zmiany na stronach internetowych, popychamy je do życia i widzimy, że nic się nie zmieniło. Po godzinach drapania się po głowie zdajemy sobie sprawę, że to pamięć podręczna pokazuje poprzednią wersję i musimy ją wyczyścić, aby zobaczyć zmiany.

Zalecamy wyczyszczenie pamięci podręcznej podczas przesyłania nowych zmian do działającej witryny, aby móc je bezzwłocznie zobaczyć.

Przechowuj swoją bazę danych produkcyjnych oddzielnie od bazy danych etapów

Nigdy nie powinieneś ingerować w produkcyjną bazę danych, ponieważ jeśli ta rzecz jest zamieszana, cała Twoja witryna jest zagrożona uszkodzeniem. Oznacza to, że jeśli pracujesz w środowisku przejściowym, nigdy nie powinieneś mieszać tymczasowej bazy danych z produkcyjną bazą danych przez nadpisanie tej późniejszej.

Nie udzielaj publicznego dostępu do witryny pomostowej

Zawsze traktuj swoje witryny WordPress jako kontrolowane środowiska, w których przeprowadzasz eksperymenty i muszą być trzymane w tajnym miejscu, gdzie nikt ich nie znajdzie. Oznacza to, że musisz go nie indeksować i nie śledzić, aby nie pojawił się w wyszukiwarce. Pamiętaj też, aby zabezpieczyć hasłem swoją witrynę testową, aby zapewnić dodatkowe bezpieczeństwo.

Podsumowując ten samouczek, chciałbym ponownie przyjrzeć się głównej przesłance artykułu – Witryny pomostowe są niezbędnym wymogiem dla przepływów pracy programistycznych WordPress. Jeśli masz coś do spytania o witryny pomostowe Cloudways WordPress lub tworzenie serwera postojowego, możesz zapytać mnie w sekcji komentarzy poniżej.