Jak skutecznie odróżnić witrynę testową i produkcyjną?


15

Czasami może być konieczne sklonowanie witryny produkcyjnej do witryny TEST. Po klonowaniu wyglądają identycznie, z wyjątkiem adresu URL.

Proszę doradzić zalecanej praktyce, aby szybko i skutecznie rozróżniała front-end i back-end strony testowej, aby PROD i TEST nie mogły zostać przypadkowo pomylone.

Cel, powód:

  • uniemożliwić użytkownikom błędne wprowadzenie danych produkcyjnych do witryny TEST
  • uniemożliwić programistom (testerom itp.) przypadkowe wykonanie testów w miejscu produkcji

Odpowiedzi:


10

Jest to raczej bardzo techniczne rozwiązanie, ponieważ wymaga trochę doświadczenia w konfigurowaniu Apache. Zaletą jest to, że nie musisz hakować żadnych plików w Joomla! sama instalacja.

Zasadniczo chcę dodać HTML do każdej generowanej strony (prawie każdej strony).

W tym celu użyję modułu Apache Mod_substitute . Sam moduł musi zostać aktywowany (zazwyczaj wystarczy usunąć # komentarz) w środku httpd.conf.

LoadModule substitute_module modules/mod_substitute.so

Następnie w pliku wirtualnych hostów ( httpd-vhosts.conf):

<VirtualHost *>
DocumentRoot "C:\...."
ServerName joomla-development

AddOutputFilterByType SUBSTITUTE text/html
Substitute "s|</body>|<div style='position:fixed; left:100px; top:50px; background-color:red'><h1>DEV WEBSITE</h1></div></body>|i"

<Directory "C:\....">
    AllowOverride All
    Require all granted
    Order allow,deny
    Allow from all
</Directory>

</VirtualHost>

Zasadniczo Substitutezastępuję </body>znacznik jakimś kodem HTML. W ten sposób staram się unikać wszelkich próśb Ajax.

Ostateczny wynik:

wprowadź opis zdjęcia tutaj


13

Stosowana przez nas praktyka to:

  1. Zmień tytuł strony w konfiguracji globalnej na oryginalny tytuł [TEST].
  2. Zmień konfigurację poczty e-mail, aby wskazywała na mailtrap.io
  3. Jeśli witryna testowa znajduje się na tym samym serwerze, zmień dane bazy danych.
  4. Zmień wszystkie integracje stron trzecich na konto testowe (usługi poza Joomla) np
    • Memcache lub redis
    • zewnętrzna baza danych / pamięć
    • Bramki płatności,
    • system newslettera (mailchimp)
    • Konto CDN i domena
    • Konto usługi Analytics (Google Analytics, New-Relic)

Dziękujemy za dodanie tych praktyk. Szczególnie punkt 2 może być równie ważny jak dystorsja wizualna. Dodałbym również „ nie zapomnij zmienić wszystkich innych integracji witryny ” (na przykład do bazy danych innej firmy lub systemu płatności).
miroxlav

Dzięki za wskazówkę na mailtrap.io! Patrząc na to teraz.
Chad Windnagle

6

Mam ten sam problem z klientami, którzy czasami tworzą treści w wersji rozwojowej, a nie produkcyjnej. Korzystam z następujących opcji:

  • Zmień wszystkie nazwy baz danych i hasła
  • Zmodyfikuj szablon administratora za pomocą
    • Inne tło ekranu logowania
    • Inny kolor górnego paska
  • Użyj modułu w widocznym miejscu na froncie, który wyraźnie pokazuje, że jest to miejsce produkcji
  • W niektórych witrynach wymuszam również logowanie, aby wyświetlić witrynę programistyczną

wprowadź opis zdjęcia tutaj


4

Innym podejściem jest umożliwienie przeglądarce dodawania stylów CSS do Twojej witryny.

Do tego zadania została zaprojektowana stylowa wtyczka do przeglądarki ( dla przeglądarki Firefox i Chrome ). Stosuje dodatkowy niestandardowy CSS do każdej strony pod danym adresem URL. Właściwie definiujesz reguły [URL] => [CSS].

wprowadź opis zdjęcia tutaj

Powyższy przykład: można wyróżnić dodając ciągłą lub kropkowaną linię po lewej stronie
Czerwony = produkcja, Żółty = produkt, Zielony = TEST, Niebieski = Trening, Szary = DEV itp.

Zalety:

  • Może być nakładany na miejsce produkcji, które zwykle jest czyste od pomocy wizualnych.
  • W razie potrzeby może zostać tymczasowo wyłączony przez użytkownika (na przykład podczas robienia zrzutów ekranu).
  • Uniwersalne rozwiązanie - można zastosować do dowolnej witryny lub jej części (na podstawie ścieżki adresu URL).
  • Może być używany bez dostępu administratora do danej strony internetowej.
  • Skonfiguruj raz, bez konserwacji, jeśli witryna się zmieni.

Niedogodności:

  • Obecnie ograniczony do przeglądarki Firefox i Chrome. (Nadal nie ma problemu dla zespołów DEV / TEST / Supportów wewnętrznie uzgodnionych w głównej przeglądarce).
  • Prywatne udostępnianie ustawień stylu innym użytkownikom wymaga nieco więcej pracy. W przypadku publicznie znanych witryn nie stanowi to problemu - na userstyles.org (strona domowa wtyczki) istnieje już tysiące stylów. Chcesz zobaczyć StackOverflow na czarno lub z mniejszą przestrzenią między sekcjami strony?
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.