Forwarded from ІТ спільнота targer.dev 👨💻👩🏼💻 (Oleksii Shnyra)
Субдомени для локалхоста! 🤩
Це вже працює в твоєму хром браузері, не потрібно нічого конфігурити.✅
Як це?❓
1️⃣ - запусти свою фронтенд апку як зазвичай, наприклад localhost:3000
2️⃣ - пропиши будь-який субдомен і та сама апка буде працювати, наприклад admin.localhost:3000 💫
Для чого це?❓
Цей підхід дуже зручно використовувати для багато-ролевих апок.
Тому що кожен субдомен - це як окремий домен для браузера.
А значить:
→ ізольований контекст (LocalStorage, Cookies, Notifications etc)
→ окремі збережені паролі, підсказки автокомпліта
Щоб в одному браузері відкрити різні таби апки з різними субдоменами - і авторизуватись різними ролями / юзерами і тестувати як працює взаємодія між ними.
Кілька слів про браузери:
→ працює в сучасних версіях Chrome, Firefox
→ не працює в Safari
→ має працювати в інших chromium-based браузерах
Стосовно запуску різних проєктів✍️
Можна різні проєкти запускати на різних субдоменах щоб зберігати різні автокомпліти, авторизацію.
❗️ Але я рекомендую запускати різні апки на різних портах, тобто localhost:3040, localhost:4050 тощо.
Кожна апка для локального девелопменту повинна мати свій унікальний порт.✍️
Тому що:
→ не має конфлікту контекстів різних апок (не перетирається localStorage, не міксуються кукі та інші persistent data тощо)
→ різні апки можна запустити одночасно
→ кожен порт прописується в коді (енвах) = хороша конвенція
Отримав користь?
Репости друзям, вподобай цей допис щоб ще більше девелоперів дізналось😉
#coding #dx
Це вже працює в твоєму хром браузері, не потрібно нічого конфігурити.
Як це?
Для чого це?
Цей підхід дуже зручно використовувати для багато-ролевих апок.
Тому що кожен субдомен - це як окремий домен для браузера.
А значить:
→ ізольований контекст (LocalStorage, Cookies, Notifications etc)
→ окремі збережені паролі, підсказки автокомпліта
Щоб в одному браузері відкрити різні таби апки з різними субдоменами - і авторизуватись різними ролями / юзерами і тестувати як працює взаємодія між ними.
Кілька слів про браузери:
→ працює в сучасних версіях Chrome, Firefox
→ не працює в Safari
→ має працювати в інших chromium-based браузерах
Стосовно запуску різних проєктів
Можна різні проєкти запускати на різних субдоменах щоб зберігати різні автокомпліти, авторизацію.
Кожна апка для локального девелопменту повинна мати свій унікальний порт.
Тому що:
→ не має конфлікту контекстів різних апок (не перетирається localStorage, не міксуються кукі та інші persistent data тощо)
→ різні апки можна запустити одночасно
→ кожен порт прописується в коді (енвах) = хороша конвенція
Отримав користь?
Репости друзям, вподобай цей допис щоб ще більше девелоперів дізналось
#coding #dx
Please open Telegram to view this post
VIEW IN TELEGRAM