Я новичок в угловом 2 и nativescript. Я хотел бы создать приложение, которое может работать в Интернете и на мобильных устройствах. Я читал, что вы можете совместно использовать код с помощью этих фреймворков и просто переключаться с шаблонами, но нет учебников или документации. Итак, если кто-нибудь может дать мне несколько направлений для начала, как я могу это сделать.Угловой 2 Nativescript web/мобильное приложение
Спасибо!
tl; dr: Старайтесь не устанавливать в своих сервисах какой-либо специфический для платформы или код пользовательского интерфейса. Затем эти сервисы можно разделить между платформами.
Первое, что вам нужно понять, это то, что в собственных представлениях вы не можете использовать одну и ту же разметку (div, span, table и т. Д.), Как в обычных браузерах. Таким образом, ваш пользовательский интерфейс должен быть закодирован индивидуально для Интернета и мобильного устройства.
Если вы следуете рекомендациям Углового 2, вы бы разделили свои приложения на компоненты, директивы и службы. В идеале, услуги, где большая часть логики вашего приложения идет. Они должны обрабатывать http, кеширование, общие вспомогательные методы, глобальные константы и т. Д.
Вы можете повторно использовать эти службы с незначительными изменениями между сетью и мобильным телефоном, если они не содержат какого-либо кода конкретной платформы. Например, http, выставленный угловым и угловым углом have the same api. Поэтому, если вы делаете что-то через http как службу, и эта служба не жонглирует элементами UI (она не должна), эта служба должна работать как в Интернете, так и в браузере. Вы можете разделить каталог услуг между веб-и мобильными проектами и переопределить все, что вы хотите настроить для платформы.
Пример: предположим, что вы хотите получить список пользователей из бэкэнд и отобразить их как список. В идеале у вас будет услуга User, которая имеет метод get, возвращающий обещание json-списка пользователей от BE.
ListView, импортировать User службы и использовать обещание от get метода для его заполнения.<li> в свой шаблон.Все дело в том, чтобы ваши услуги были свободны от конкретного кода платформы, как вы можете.
Надеемся, что это поможет вам приступить к структурированию вашего приложения для максимального повторного использования кода.
Я пропущу то, что Акаш уже накрыл, поскольку это все полезно для проекта с угловым 2. Хорошие указатели. В основном я придерживаюсь сторонников Nightscript-Angular.
Я бы порекомендовал посмотреть некоторые стартовые шаблоны, которые активно решают проблему, которую вы описываете. Это позволит вам следовать их соглашениям, но в целом соглашения хороши и соответствуют рекомендациям Google.Эффективно вы в конечном итоге с одного проекта пространства, где одни и те же службы работают на веб/мобильный/рабочий стол и интерфейс описан специально для требуемых условий:
Два проекта Натан Уокер:
Angular2 магия, вероятно, проще отправной точкой. Угловое продвинутое семя 2 более гибкое, но оно делает, и это означает, что оно имеет более широкую кривую обучения, если вы не знакомы с технологиями и включаете проекты. У него есть документация, и довольно много людей используют его, поэтому помощь будет более доступной.
Nativescript документация и учебник убедитесь, что вы не пропустите:
Если IDE является VS Кодекса Есть также некоторые инструменты, которые стоило бы устанавливать: https://marketplace.visualstudio.com/search?term=nativescript&target=VSCode&sortBy=Relevance
Отлично подходит для Nativescript-угловых шаблонов:
Шаблоны angular2 кода в настоящее время разработанные для углового 2-бета по RC3, который в настоящее время работает Angular2. Шаблоны просмотра по-прежнему сохраняют хорошее время.
Запуск NativeScript:
я в основном только использовать это, чтобы запустить отладчик от (и отлаживать на машинописи внутри ВС РФ). В большинстве случаев я все еще использую командную строку для разработки livesync.
Для повторного использования кода вы можете обратиться this blog. Блог содержит Github link, вы можете ссылаться на это тоже. Я загрузил проект, и он отлично работает для меня. Вы также можете использовать скриншот. Я ничего не менял в проекте.
Вы также можете проверить my repository, это может помочь.
Надеюсь, это вам поможет.
Пожалуйста, расскажите нам, что вы уже пробовали и что не реза. Прочтите http://stackoverflow.com/help/how-to-ask –
@AlexandreCartapanis Для начала я последовал этому руководству https: //www.thepolyglotdeveloper.com/2016/05/build-simple-mobile-app-nativescript-angular-2/для создания приложения для мобильных устройств, и теперь я не знаю, как добавлять шаблоны для веб-приложения – majcheee