Демо мобильного приложения на основе Ionic3.x cordova

В случае плохого соединения с сетью, пожалуйста, перейдите к Domestic Mirror Acceleration Node.

Фронтенд технологии:

Angular4.x + ionic3.x + cordova.

Запуск проекта:

Git clone git@github.com:EasyTuan/ionic-cordova-demo.git
# Domestic Mirror Acceleration Node: git@gitee.com:easytuan/ionic-cordova-demo.git

# глобальная установка ionic и cordova
Npm install -g cordova ionic

# Установка зависимостей проекта
Npm install

# Запуск проекта в браузере
Npm run serve

# Добавление платформы Android
Ionic cordova platform add android

# Подключение телефона Android по USB для запуска
Npm run dev

Название проекта: [A Ionic3.x project], демо мобильного приложения Ionic3.x.

1. Как запустить

версия узла [8.0.0]

1.1 Конфигурация среды разработки

# Установить ionic и cordova
npm install -g cordova ionic

#Установка зависимостей проекта
npm install

1.2 Процесс разработки

1.2.1 Команды

#Запуск проекта в браузере
ionic serve

#Добавление платформы Android
ionic cordova platform add android

#Подключение телефона Android по USB для запуска
ionic cordova run android

1.3 Релиз

# Сборка
npm run build

2. Введение в бизнес

2.1 Вход в приложение

Адрес входа — src/app/app.module.ts.

Структура каталогов: ionic-conference-app/ | |-- resources/ | |-- src/ | |-- app/ | | ├── app.component.ts | | └── app.module.ts | | └── app.template.html | | └── main.ts | | | ├── assets/ | | ├── fonts/ | | | | | ├── icon/ | | | | | └── images/ | | | |-- components/ | | | |-- pages/ | | │ ├── services/ | | └── httpService.ts | | │ ├── theme/ | | └── variables.scss | | | └── index.html | ├── .editorconfig ├── .gitignore ├── LICENSE
├── README.md
├── config.xml ├── ionic.config.json ├── package.json ├── tsconfig.json └── tslint.json

2.2 Завершённые функции

• Переход по нижней вкладке.
• Взаимодействие между компонентами.
• Переход на вторичную страницу.
• HTTP-запрос.
• Значок приложения и конфигурация стартовой страницы.

Частичные скриншоты

Главная страница и список покупок

Инструменты и «Мой профиль»

Вход

3. Прочее

Адрес документа по разработке Ionic:

https://ionicframework.com/docs/

4. Ссылки

Полная версия проекта (на основе mui)

Спонсорство

Если вы готовы помочь, мы приветствуем спонсорство.

После получения спонсорской поддержки я незамедлительно обновлю стену спонсорства.

Лицензия

MIT