Навигационные панели в разных окружениях

Идея не новая, однако, возможно, поможет вам сохранить вам кучу нервов, когда вы решите протестировать новую фичу и случайно не сделаете это на production-базе.

Суть в том, чтобы менять цвет навигационной панели на сайте в разных окружениях (dev, stage, prod). Для этого будем автоматически менять ее цвет из md5-хеша адреса сайта.

prod

Черная панель — production

dev

Так выглядит панель в dev-окружении


stage

А так в staging’e

Теперь мы с одного взгляда можем отличить в каком окружении находимся и вряд ли запутаемся.

Реализация максимально проста. Например, в PHP это делается так:

$color = '#'.substr(md5($_SERVER[‘HTTP_HOST’]),0,6);

В JS, к сожалению, нет методов генерации хеша из коробки, но можно реализовать их, либо воспользоваться отдельным модулем для получения цвета из строки.

Теперь цвет из этой переменной остается применить к панели.

Успехов!