✎ Ionic, Cordova + Ionic, Capacitor

Вы загрузили старую версию документа! Сохранив её, вы создадите новую текущую версию с этим содержимым.

====== Ionic ======

====== Create application ======

<code bash>
$ npm install -g @ionic/cli native-run cordova-res
$ ionic start photo-gallery tabs --type=angular --capacitor
$ cd ./photo-gallery
$ npm install @capacitor/camera @capacitor/preferences @capacitor/filesystem
</code>

====== Install modules ======

https://capacitorjs.com/docs/apis/camera
<code bash>
$ npm install @capacitor/camera
$ npx cap sync
</code>

https://capacitorjs.com/docs/apis/filesystem
<code bash>
$ npm install @capacitor/filesystem
$ npx cap sync
</code>

https://capacitorjs.com/docs/apis/preferences
<code bash>
$ npm install @capacitor/preferences
$ npx cap sync
</code>

https://capacitorjs.com/docs/apis/motion
<code bash>
$ npm install @capacitor/motion
$ npx cap sync
</code>

https://capacitorjs.com/docs/apis/haptics
<code bash>
$ npm install @capacitor/haptics
$ npx cap sync
</code>

https://capacitorjs.com/docs/apis/device
<code bash>
$ npm install @capacitor/device
$ npx cap sync
</code>

====== Commands ======

Очень простые команды для работы с Ionic в Visual Studio Code:
  - ionic start - создать темплейт ионик апп с нуля
  - ionic serve - запускать мобапп с иоником в браузере
  - ionic generate - создать новые фичи к мобаппу - directive class page component service module guard

Для деплоя на мобайл:
  - ionic build / ionic build --prod - сбилдить апп (если билдишь для прода то он включает strict режим и ругается если есть вызов несуществующих методов, используешь any и надо это пофиксить)
  - ionic cap add android - создать апп для андроида (1 раз так сделать)
  - ionic cap copy - скопировать сбилженную папку веба в папку для андроида
  - ionic cap sync - это чтобы синкнуть из андроид папки изменения (добавление нового плагина) назад в веб код
  - ionic cap open android - открыть в Андроид студио проект андроида сгенеренный или самому открыть
  - ng add @angular/pwa - сделать свой апп PWA (добавляется service worker, app manifest + иконки)

Сводка изменений

Примечание: редактируя эту страницу, вы соглашаетесь на использование своего вклада на условиях следующей лицензии: CC0 1.0 Universal