response.js настольный и мобильный веб-проект архитектуры - PullRequest
0 голосов
/ 03 июля 2018

У меня действительно большое беспокойство по поводу архитектуры моего веб-проекта, которая будет иметь отдельное мобильное и настольное веб-приложение.

Я уже закончил разработку веб-версии на основе шаблона проекта «create-реагировать-приложение» и для мобильной версии, я хочу максимально использовать свой существующий компонент веб-версии.

Мы будем использовать их с отдельным URL-адресом "www" для настольного компьютера и "m" для мобильного телефона.

Я думаю о двух возможных путях.

  1. Просто создайте еще один проект приложения для мобильных устройств и поделитесь общим кодом.
  2. В существующей папке src проекта create-реакции-приложения веб-клиента создайте коды мобильной версии, такие как component.js component.web.js component.mobile.js. Но в этом случае меня беспокоит размер файла js комплекта.

Я тоже думал об адаптивном веб-дизайне, но у нас совершенно другой дизайн и компоненты.

Рендеринг двух разных макетов внутри компонента по размеру области просмотра или URL-адреса (www / m) может быть другим возможным способом, но я вполне могу использовать рендеринг на стороне сервера ...

Что было бы хорошим подходом для решения этой проблемы ...

Ответы [ 2 ]

0 голосов
/ 03 июля 2018

Вы можете использовать тот же код и создавать мобильное приложение, используя Cordova Framework так как ваш веб-код будет тем, который будет генерировать приложение.

А также вы можете создавать для нескольких платформ. Зайдите на официальный сайт. https://cordova.apache.org/docs/en/latest/guide/cli/index.html

0 голосов
/ 03 июля 2018

Я бы подошел к этому следующим образом: -

  1. Переместите всю бизнес-логику в общий пакет и используйте ее как на мобильных устройствах, так и в Интернете. Это сделало бы вашу логику общей.
  2. Переместите все общие компоненты / конфигурации / цвета и т. Д. В общий пакет и используйте их в обоих приложениях.
  3. Обработка части представления для обоих приложений по отдельности.

    Я тоже думал об адаптивном веб-дизайне, но мы полностью разная компоновка и комплектация.

    Если у вас совершенно разная компоновка и компоненты, я бы посоветовал разделить мобильную сеть и сеть. Речь идет не только о размере пакета, его можно обойти ленивой загрузкой, но и сложность кода может увеличиться.

...