Ответ 1
Как сказал dmahapatro, ваш лучший выбор для того, чтобы ваше приложение AngularJS, упакованное для мобильных устройств, использовало ионную инфраструктуру. Эта миграция была бы довольно простой. Ionic включает в себя UI Framework, но совсем не требуется, любое веб-кодирование будет работать, потому что ваше приложение просто запускается в хромированном фрейме. Инструмент ионной командной строки действительно выполняет всю магию.
Я бы начал с вращения стандартного ионного приложения с помощью команды ionic start APPNAME. Затем вы можете просто добавить свое приложение в каталог APPNAME/www. Затем отредактируйте свой index.html и добавьте этот тег script в голову.
<script src="cordova.js"></script>
Это все, что действительно необходимо для создания вашего приложения для мобильных устройств. Вы можете протестировать на Android, запустив ionic platform add android для установки зависимостей для Android, а затем запустите ionic run android (подключите ваш Android к установленным драйверам или эмулятор работает как Genymotion). Если вы хотите построить iOS, вам понадобится Mac (eww...), но это будет так же просто ionic platform add ios, а затем запустите ionic run ios, чтобы протестировать Apple, хотя я полагаю, что есть немного больше настроек.
Чтобы получить дополнительные преимущества Ionic-директив и других полезных утилит, вы можете добавить зависимость от вашего основного ионного модуля, как показано ниже. Примечание. Я также добавил ngCordova, и я настоятельно рекомендую это для лучшей интеграции устройств.
angular.module('APPNAME', ['ionic', 'ngCordova'])
.run(function($ionicPlatform, $cordovaSplashscreen) {
$ionicPlatform.ready(function() {
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {
cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if(window.navigator && window.navigator.splashscreen) {
window.plugins.orientationLock.unlock();
}
if (window.StatusBar) {
// org.apache.cordova.statusbar required
StatusBar.styleDefault();
}
if (window.cordova){
// Hide Splash Screen when App is Loaded
$cordovaSplashscreen.hide();
}
});
});
В общем, вы в значительной степени настроены, так как уже находитесь на AngularJS, который является основой (каламбур) Ionic. Вы можете столкнуться с конкретными проблемами устройства в отношении стиля и т.д., Но по большей части он должен работать. Не стесняйтесь сообщать мне в любое время, если вам нужна дополнительная помощь с Ionic или AngularJS. Благодарю! ^ _ ^