Як ефективно відрізнити тестовий і виробничий майданчик?


15

Іноді вам може знадобитися клонувати виробничий майданчик на сайт TEST. Після клонування вони виглядають однаково, крім URL-адреси.

Будь-ласка, порадьте рекомендовану практику швидко та ефективно розрізняти передню та задню частину вашого веб-сайту TEST, щоб PROD та TEST не можна було випадково переплутати.

Призначення:

  • не дозволяти користувачам помилково вводити виробничі дані на сайт TEST
  • запобігти розробникам (тестерам тощо) помилково проводити тестування на виробничому майданчику

Відповіді:


10

Це досить технологічне рішення, оскільки вимагає певного досвіду налаштування Apache. Перевага полягає в тому, що вам не доведеться зламати жодні файли в Joomla! сама установка.

В основному, я хочу зробити те, щоб додати якийсь HTML до будь-якої сторінки (майже будь-якої сторінки).

Для цього я буду використовувати модуль Apache mod_substitute . Сам модуль потрібно активувати (як правило, просто потрібен # коментар видалений) всередині httpd.conf.

LoadModule substitute_module modules/mod_substitute.so

Далі у віртуальному файлі хостів ( 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>

В основному Substituteя замінюю </body>тег деяким HTML. Цим чином я намагаюся оминати будь-які запити Ajax.

Кінцевий результат:

введіть тут опис зображення


13

Практика, яку ми дотримуємось -

  1. Змініть назву веб-сайту в глобальній конфігурації на оригінальну назву [TEST].
  2. Змініть конфігурацію електронної пошти, щоб вона вказувала на mailtrap.io
  3. Якщо тестовий сайт знаходиться на одному сервері, змініть дані бази даних.
  4. Змініть всі інтеграції третіх сторін на тестування акаунта (послуги, що перевищує joomla), наприклад
    • Мемчаче або червоне
    • зовнішня база даних / сховище
    • шлюз платежів,
    • система інформаційних бюлетенів (mailchimp)
    • Обліковий запис і домен CDN
    • Обліковий запис служби Analytics (Google Analytics, нова-реліквія)

Дякуємо, що додали ці практики. Особливо, точка №2 може бути настільки ж важливою, як і зорове розчарування. Я також додав би " не забудьте змінити всі інші інтеграції сайтів " (наприклад, до сторонніх баз даних або до платіжної системи).
miroxlav

Дякуємо за пораду на mailtrap.io! Дивлячись на це зараз.
Чад Вітненгл

6

У мене однакова проблема з клієнтами, які іноді створюють контент на версії розробки, а не на виробництві. Для цього я використовую наступне:

  • Змініть усі імена бази даних та паролів
  • Змініть шаблон адміністратора за допомогою
    • Інший фон для екрана входу
    • Інший колір для верхньої смуги
  • Використовуйте модуль на видному місці на передньому кінці, де чітко видно, що це місце виробництва
  • На деяких сайтах я також змушу увійти, щоб побачити сайт розробки

введіть тут опис зображення


4

Інший підхід - дозволити веб-переглядачу додавати стилі CSS на ваш сайт.

Для цього завдання створений стильний плагін браузера ( для Firefox та для Chrome ). Він застосовує додатковий спеціальний CSS до кожної сторінки за вказаною URL-адресою. Ви фактично визначаєте правила [URL] => [CSS].

введіть тут опис зображення

Наведений вище приклад: розрізнення можна зробити, додавши суцільну або пунктирну лінію вліво
Червоний = виробництво, Жовтий = попередня подача, Зелений = ТЕСТ, Синій = Навчання, Сірий - DEV і т.д.

Переваги:

  • Можна застосовувати на виробничому майданчику, який зазвичай очищається від наочних посібників.
  • Користувач може тимчасово вимкнутись за потреби (наприклад, для зйомки екрана).
  • Універсальне рішення - може застосовуватися до будь-якого сайту або його частини (на основі URL-адреси шляху).
  • Можна використовувати без доступу адміністратора до даного веб-сайту.
  • Установіть один раз, не потребує обслуговування, якщо сайт зміниться.

Недоліки:

  • Наразі обмежено Firefox та Chrome. (Проблеми DEV / TEST / Support не мають жодних проблем, які внутрішньо домовилися про їх основний браузер.)
  • Приватний обмін налаштуваннями стилю з іншими користувачами потребує трохи більше роботи. Для загальновідомих веб-сайтів це не проблема - на сайті userstyles.org (домашня плагіна) вже існують тисячі стилів. Хочете побачити StackOverflow чорним кольором або з меншим простором між розділами сторінки?
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.