У нас есть отзывчивое веб-приложение, разработанное с использованием AngularJS 2. Мы хотели бы обернуть его внутри пакета, чтобы распространять его как мобильное приложение. Android — наш приоритет. Мы посмотрели Кордову. Существуют ли другие варианты превращения веб-приложения в мобильное приложение? Какие подводные камни возникают при превращении веб-приложения AngularJS 2 в мобильное приложение?
Превратите приложение Angular 2 в мобильное приложение
comment
angularjs.blogspot.co. в/2015/12/
- person Günter Zöchbauer schedule 06.06.2016
comment
@GünterZöchbauer, мы не хотим вносить изменения в наше приложение. Мы просто хотим обернуть его как мобильное приложение и позволить ему поставляться.
- person Blair Osbay schedule 06.06.2016
comment
Просто подумал, что вы должны знать об этом варианте. В любом случае, я недостаточно хорошо это знаю, поэтому просто комментарий вместо ответа.
- person Günter Zöchbauer schedule 06.06.2016
Ответы (4)
Ionic 2, который сейчас находится в стадии бета-тестирования, использует Angular2 для создания гибридных мобильных приложений. Вам придется внести некоторые изменения в свое приложение, но это все еще Angular2, только с некоторыми пользовательскими ионными компонентами.
NativeScript также использует Angular2 для создания приложений, но на этот раз он создает настоящие нативные приложения. Там немного больше работы, вам придется адаптировать свои шаблоны и стили, но код по-прежнему представляет собой TypeScript со вкусом Angular2.
person
Maxime Bouveron
schedule
06.06.2016
Этот выглядит более многообещающе, angular-native-seed, где вам нужно только написать код однажды.
person
Kush Patel
schedule
02.07.2017
Этот репозиторий был заархивирован владельцем. Теперь он доступен только для чтения.
- person Manohar Reddy Poreddy; 04.01.2019
Вы можете использовать Cordova с минимальным количеством шагов.
Эта ссылка будет оказаться полезным. Это сработало для меня.
Вы также можете использовать Ionic, но он выдавал ошибку маршрутизатора, а также структура проекта была другой. Таким образом, у вас должен быть новый проект с маршрутизатором Ionic, а затем выборочно копировать угловой код. Где, как и в Cordova, вы можете иметь проект с базовой настройкой Cordova и сразу копировать весь код с минимальными изменениями конфигурации.
person
Pushkal Boganatham
schedule
25.02.2018
Январь 2019, я ищу аналогичный для личного проекта, я знаю Angular 7, хочу преобразовать его в приложение для Android/iOS.
Найдена ниже старая статья 4-месячной давности, опубликованная в блоге Angular.io. В нем говорится о NativeScript, разработанном компанией Progress Software, он поддерживает проекты Js, Ts или Angular+Ts.
Одни и те же проекты Angular 2+ можно преобразовать в мобильные с помощью совместного использования кода:
- Веб-файлы = все файлы, отличные от
*.tns.*, такие как mycomp.html, mycomp.ts, mycomp.css (обычные файлы) - Мобильные файлы = (для ios и android) = все
*.tns.*/нативные файлы сценариев, такие как mycomp.tns.html, mycomp.tns.ts, mycomp.tns.css - Если мобильные файлы существуют (
*.tns.*), то они перезаписываются веб-файлами (не*.tns.*) в процессе сборки при создании пакета для мобильных устройств (android/ios). - If no mobile files exist then the web files (non
*.tns.*) become the mobile files, hence the code sharing.- So, by default code sharing happens (your angular2+ files become android/ios files), if you want a different look/ functionality for mobile only then you create corresponding mobile files (like a.tns.html for a.html)
- Вы получаете нативную производительность с очень небольшими изменениями.
- Вы можете получить доступ к оборудованию, такому как камера и местоположение,
Я на полпути к чтению, но уже похоже, что NativeScript, который работает совместно с angular, — отличный способ двигаться дальше.
Чтобы узнать больше, читайте ниже.
- https://blog.angular.io/apps-that-work-natively-on-the-web-and-mobile-9b26852495e7
- https://en.wikipedia.org/wiki/NativeScript
- https://docs.nativescript.org/angular/start/introduction
person
Manohar Reddy Poreddy
schedule
04.01.2019
