Превърнете приложението Angular 2 в мобилно приложение

Имаме адаптивно уеб приложение, разработено с помощта на AngularJS 2. Бихме искали да го опаковаме в пакет, за да го разпространяваме отново като мобилно приложение. Android е наш приоритет. Разгледахме Кордова. Има ли други опции за превръщане на уеб приложение в мобилно приложение? Какви са капаните, свързани с превръщането на уеб приложение AngularJS 2 в мобилно приложение?


angular mobile-application
person Blair Osbay    schedule 06.06.2016    source източник
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)


arrow_upward
7
arrow_downward

Ionic 2, в момента в бета версия, използва Angular2 за създаване на хибридни мобилни приложения. Ще трябва да направите някои модификации в приложението си, но то все още е Angular2, само с някои персонализирани йонни компоненти.

NativeScript също използва Angular2 за създаване на приложения, но този път прави истински собствени приложения. Има още малко работа, ще трябва да адаптирате своите шаблони и стилове, но кодът все още е TypeScript с вкус на Angular2.

person Maxime Bouveron    schedule 06.06.2016

arrow_upward
2
arrow_downward

Това изглежда по-обещаващо angular-native-seed, където трябва само да пишете код веднъж.

person Kush Patel    schedule 02.07.2017
comment
Има Това хранилище е архивирано от собственика. Сега е само за четене. - person Manohar Reddy Poreddy; 04.01.2019

arrow_upward
1
arrow_downward

Можете да използвате Cordova с много минимален брой стъпки.

Тази връзка ще Бъди полезен. При мен се получи.

Можете също да използвате Ionic, но хвърляше грешка на рутера, а също и структурата на проекта беше различна. Така че трябва да имате нов проект с Ionic рутер и след това избирателно да копирате ъгловия код. Както в cordova, можете да имате проект с базова настройка на cordova и да копирате целия код наведнъж с минимални промени в конфигурацията.

person Pushkal Boganatham    schedule 25.02.2018

arrow_upward
0
arrow_downward

Януари 2019 г., търся подобен за личен проект, познавам Angular 7, искам да го конвертирам в приложение за Android/iOS.

Намерена под статия от преди 4 месеца, публикувана в блога Angular.io. Говори се за NativeScript, разработен от софтуерната компания Progress, поддържа 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, е чудесен начин да продължа напред.
Прочетете по-долу, за да научите повече.

person Manohar Reddy Poreddy    schedule 04.01.2019