Мы обсудили здесь 11 компонентов дизайна системы внешнего интерфейса.
- Паттерны в архитектуре:
Шаблон монолитного внешнего интерфейса используется, когда мы хотим, чтобы все было в одном приложении.
Когда нам нужны различные функции в разных технологических стеках, не влияющие на другие функции приложения. Этот архитектурный шаблон известен как микроинтерфейс и включает в себя такие элементы, как фреймы, веб-компоненты, федерация модулей и основанные на маршрутах приложения MicroApps.
2. Протоколы связи:
В основном существует 3 типа протоколов связи
Длинный опрос: когда мы отправляем запрос на ответ, если ответ не готов, мы снова и снова отправляем запрос на ответ.
Web Socket: это двусторонняя связь, когда мы отправляем запрос, ответ приходит по мере готовности, мы можем сделать новый запрос с новым требованием. например: приложение чата
Событие отправки сервера (SSE): когда мы отправляем запрос и получаем ответ, когда он доступен, и приходит как уведомление, которое мы получили.
3. Доступность: когда нам нужно показать наше приложение, работающее в нерабочее время и когда сеть не работает.
Например, мы используем сервис-воркеров для автономных задач.4: Доступность: когда мы хотим, чтобы наше приложение было доступно для всех, например он доступен на другом языке и с изменением цветового контраста в соответствии с глазами пользователя.
5. Консистенция:
Если мы хотим, чтобы наша программа последовательно выполняла операции на всех платформах, мы должны тестировать ее одинаково.
Например, если вы открываете одно и то же приложение в нескольких браузерах, оно будет вести себя одинаково (полифиллы css, js ).
6. Система дизайна:
Когда мы хотим создать большое приложение с едиными рекомендациями, например, как его кнопки и формы будут выглядеть во всех местах.
Например, Bootstrap
7. Доверие и доверие (SEO). Когда мы хотим рекламировать приложение или повысить его узнаваемость, мы должны использовать определенные подходы.
На странице: заголовок, описание, метаданные, контент и производительность
Офф-ссылки: обратные ссылки, реклама
8. Регистрация и мониторинг:
Когда нам нужно отслеживать лайки, антипатии, качество и ошибки пользователей. Он содержит запись ошибок, отслеживание пользователей и использование функций, таких как события Monegage и Google Analytics.
9. База данных и кэширование:
Когда мы хотим кешировать пользовательские запросы, а не доставлять их на сервер снова и снова
HTTP-кэширование:
Кэширование в памяти
Кэширование Аполлона
Государственное управление
Локальное хранилище
хранилище сессий
хранение файлов cookie
Безопасность :
При разработке приложения мы должны позаботиться о безопасности
Нравится: Ddos, политика безопасности Authentication.Content, CORS, человек посередине
10. Производительность и оптимизация:
Когда мы создаем наше приложение, мы должны учитывать оптимизацию приложения, которая включает в себя оптимизацию ресурсов, варианты доставки, сборку ресурсов, SSR и жизнеспособность сети.
11. Тестирование: после того, как приложение разработано, мы должны протестировать наше приложение, оно может быть ручным или автоматическим.
