Перейти к содержанию

Форумы

  1. Форумы

    1. Новости и анонсы

      новости проектов Ionic Framework, Angular и нашего форума

      4
      сообщения
    2. Предложения и пожелания

      Предложения по работе форума и сайта.

      • Сообщений пока нет
    3. Правила общения на форуме IonicFamily

      Общие правила форума, рекомендации по созданию тем и сообщений.

      1
      сообщение
    4. Вопросы администрации / Жалобы

      Пилотный раздел для "вопросов/жалоб" от пользователей.

      • Сообщений пока нет
  2. Ionic 2.x+

    1. Общие вопросы

      Вопросы и проблемы, возникающие при первом знакомстве с Ionic 2.x+. Для вопросов, которые не подходят в другие разделы ветки 2.x.

      • Сообщений пока нет
    2. Ionic CLI

      Для вопрос связанных с Ionic CLI

      2
      сообщения
    3. Ionic Creator

      Обсуждение работы в Ionic Creator

      1
      сообщение
    4. Ionic View

      Все вопросы связанные с просмотром приложений в Ionic View

      1
      сообщение
    5. Angular 2.x

      Вопросы и проблемы, возникающие при работе с Angular 2.x.  

      • Сообщений пока нет
    6. Песочница

      пилотный раздел для "детских" вопросов

      • Сообщений пока нет
    7. Отчёты об ошибках

      Обо всех ошибках, связанных с кодом/логикой/настройками Ionic 2.X+ пишем сюда.

      • Сообщений пока нет
  3. Ionic 1.x/Angular JS

    1. Общие вопросы

      Вопросы и проблемы, возникающие при разработке  на Ionic 2.x+/Angular JS. 

      • Сообщений пока нет
    2. Отчёты об ошибках

      Обо всех ошибках, связанных с кодом/логикой/настройками Ionic 1.X/Angular JS пишем сюда.

      • Сообщений пока нет
  • Кто в онлайне   0 пользователей, 0 анонимных, 3 гостя (Посмотреть всех)

    Зарегистрированных пользователей в онлайне нет

  • Последние темы

  • Сообщения

    • В прошлом году Progressive Web Apps стали невероятно популярным способом создания приложений следующего поколения. PWA приносят много преимуществ, и в сегодняшнем посте я хотел бы об этом рассказать. Почему стоит задуматься о разработке PWAs? PWAs приносят уникальные приемущества для разработчиков. Они позволяют разработчикам полностью обходить магазины приложений и вместо этого просто развертывать их на веб-сервере. Это позволяет быстрее загружать ваше приложение и увеличить количество пользователей. Также они позволяют производить обновление сразу же при выходе новой версии, поскольку вы не теряете время на проверку вашего приложения.  И поскольку PWA запускаються в браузере, вы можете запустить приложение просто щелкнув по URL-адресу. Это позволяет значительно уменьшит барьер для входа в ваше приложение! PWA также приносят массу новых преимуществ для бизнеса и предприятий. Из-за того, что с PWA вам не нужно упаковывать приложение для какой-либо конкретной платформы или отправлять это приложение в магазин приложений, ваше время выхода на рынок может быть намного быстрее. Просто нажмите на веб-сервер, и ваша PWA доступна всем. Для пользователей вашего приложения PWA предлагают постоянную стабильную работу независимо от того, какое устройство они используют. Нет необходимости сидеть и ждать, пока ваше приложение, загружается и устанавливается. Поскольку PWA, как правило, намного меньше среднего обычного приложения, ваше приложение не будет занимать большую часть драгоценного хранилища на устройстве пользователя. Как начать разрабатывать уже сегодня? Первой проблемой, которую я обычно слышу от разработчиков, заинтересованных в создании PWA, является то, что Safari, предустановленный браузер на устройствах Apple, не поддерживает PWA. Чтобы быть откровенным, это фактически не имеет значения из-за прогрессивного улучшения. Кроме того, Webkit, браузерный движок Safari, недавно объявил о том, что они внедряют сервис, ключевой api для PWA, поэтому эти API скоро появятся в Safari. Ionic полностью поддерживает PWA из коробки. Наши стартеры предоставляют минимальные требования, необходимые для PWA, рабочих сервисов и веб-манифеста, без необходимости настройки разработчика. Чтобы помочь PWAs стать еще более популярными,  мы работаем над некоторыми захватывающими интеграциями с Ionic CLI, чтобы сделать создание PWA с Ionic еще более простым, включая наш предстоящий Ionic PWA хостинг с помощью Ionic Pro, позволяющий вам для развертывания ваших PWA,  прямо из Ionic CLI. Следите за этой услугой в ближайшее время! У нас есть очень захватывающий новый проект, идущий по линии, называемой Stencil. Stencil - это новый проект, который мы создали, что позволило нашей команде перенести все компоненты Ionic, которые вы знаете, и любите. Наши  компоненты, созданные с помощью Stencil, позволяют нам проводить загрузку кода, необходимого для компонентов на странице приложения, без установки, необходимой разработчику. Поскольку веб-компоненты встроены в браузер и работают везде, где работает DOM, вы можете использовать наши удивительные, предварительно разработанные и готовые компоненты в любых рамках по вашему выбору или вообще не иметь инфраструктуры! Все эти преимущества также будут поставляться со следующей версией Ionic-Angular, v4.0.0 с минимальными изменениями. Благодаря встроенному разделению кода и меньшим пакетам, которые поставляются с веб-компонентами, созданными с помощью Stencil, мы значительно улучшаем производительность загрузки, что является критическим показателем производительности для PWA, построенных с использованием Ionic. Мы выпустили Stencil во второй день 2017 года на Полимерном саммите, 23 августа. Чтобы убедиться, что вы не пропустите релиз, активно сделите за нашими обновлениями! В заключении 
      Мы очень много работаем над Ionic, чтобы очень быстро создавать высококачественные PWA. Из-за всех преимуществ, предоставляемых PWA, мы считаем, что PWA являются важной частью веб-ландшафта. Оставайтесь с нами для получения дополнительной информации о PWA, Ionic и Stencil в ближайшем будущем. И, как я сказал выше, убедитесь, что вы не пропустите новый выпуск Stencil! Пересказ статьи  Justin-a Willis-a "What Progressive Web Apps can do for you"
    • Ionic CLI (command line interface) - инcтрумент для разработки Ionic приложений.  Установка Для начала, убедитесь что у вас установленна Node (выше 6-й версии) и  менеджер пакетов NPM (выше 3-й версии). После, установите  CLI глобально (на mac и linux вам понадобаиться sudo): $ npm install -g ionic@latest Начало нового проекта   Начните новый проект коммандой ionic start: ionic start myNewProject tabs cd ./myNewProject Где myNewProject - название вашего проекта. tabs - название тэмплейта из которого будет создан ваш проект.   Посмотреть список всех тэмплейтов: ionic start myNewProject template --list tabs ............... Проект с простым интерфейтом включающим табы.
      blank ..............Чистый проект.
      sidemenu ...........Проект с боковым меню.
      super .............. Проект с предварительно настроеними страницами, провайдерами (providers) и лучшими наработками.
      conference .........Проект с примером реальным приложением
      tutorial ........... Проект основанный на  tutorial-e от Ionic
      aws ................ Проект с  AWS Mobile Hub Starter   Запустить проект serve: ionic serve Для того что бы емулировать вид реальных приложений в браузере, можно в адресе добавить ionic-lab: localhost:8100/ionic-lab. Таким образом вы сможете просмотреть реальный вид приложения на : android, ios, windows phone. Полный список команд Вы можете просмотреть полный список команд при помощи комманды ionic --help. Комманда Описание build Сбор составляющих приложения и подготовка сбора приложения. docs Открыть сайт с документацией generate Создать pipes, components, pages, directives, providers, и tabs ( если ionic-angular >= 3.0.0) info Вывод информации об установленном окружении (версии  node.js, ionic....) link Привязать ваше приложение к аккаунту на  саййте Ionic (для просмотра в Ionic View) login Залогиниться с вашим Ionic ID serve Запустить локальный сервер  signup Создать аккаунт Ionic  start  Создать новый проект telemetry Ключить telemetry для отравления данный о сбоях или ошибках upload  Загрузить новый snapshot вашего приложения config get Вывести данные о приложении config set Установить данные о приложении cordova build Зобрать (prepare + compile) ваш Ionic проект cordova compile Скомпилировать нативный код платформы cordova emulate  Запустить приложение в емуляторе cordova platform Управление платформами cordova plugin Управление плагинами cordova prepare Скопировать assets для каждой платформи и подготовить их для build.  cordova resources Сренегировать картинки и сплэшскрины. cordova run Запустить приложение на подключенном устройс package build Начало сборки пакета package download Скачать запакованное приложение        

    • Ionic View — это мобильное приложение для iOS и Android, с помощью которого можно делиться вашими разрабатываемыми приложениями с заказчиком, тестеровщиками, коллегами. Команда `$ ionic upload` синхронизирует приложение на вашем компьютере с сервером, после чего его можно запустить на телефоне.
        Вот так выглядит Ionic View на девайсах: Стоит отметить, что сейчас Ionic View находится в стадии beta. В процессе использования на Android, у нас довольно часто происходили непонятные баги — то белая страница без признаков жизни, то приложение и вовсе не запускалось. Как оказалось — не все Cordova плагины поддерживаются в текущей версии Ionic View.

      С помощью команды $ ionic share ` можно "поделиться" вашим приложением с другим аккаунтом, а если на данный email не зарегистрирован аккаунт, то будет выслано приглашение для регистрации. Ionic Box IonicBox - это сборка Vagrant для разработки на Ionic. В виртуальной машине (Ubuntu 14.04) установлены Node.js, Git, Java SDK 7, Apache Ant, Android SDK Cordova, Ionic. Для наиболее быстрого старта разработки требуется зайти в папку с вашим приложением и выполнить: При этом скачается уже сконфигурированный VagrantBox, а код вашего приложения будет доступен через shared folders по пути /vagrant.
      Обратите внимание, что с помощью Ionic Box вы можете разрабатывать только Android приложения. По умолчанию, при запуске $ ionic run android, приложение будет установлено на ваш реальный девайс, подключенный с помощью USB. Здесь можно прочитать, как запускать приложение на виртуальном девайсе с помощью Genymotion. Мы всё же советуем настраивать инструменты для разработки на вашем компьютере, однако Ionic Box - хороший вариант для быстрого старта. Материал поста взят здесь https://habrahabr.ru/company/simpleweek/blog/254681/ 
  • Статистика пользователей

    • Пользователей
      2 988
    • Максимум онлайн
      6

    Новый пользователь
    nevamind
    Регистрация
×