Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия
Предыдущая версия
mobile:ionic [2023/07/15 23:42] – [Ionic, Cordova + Ionic, Capacitor] 192.168.1.135mobile:ionic [2023/07/17 01:08] (текущий) – создано mirocow
Строка 1: Строка 1:
-{{tag>mobile ionic}}+{{tag>mobile ionic capacitor}} 
 + 
 +{{backlinks>.}}
  
 ====== Ionic, Cordova + Ionic, Capacitor ====== ====== Ionic, Cordova + Ionic, Capacitor ======
Строка 11: Строка 13:
 Дальше, при желании, приложение можно модифицировать как со стороны веба, так и со стороны натива. Типичный пример - добавление функционала получения Push-уведомлений на IOS. Там не просто плагин добавляется, там нужно ручками внести изменения в нативную часть Дальше, при желании, приложение можно модифицировать как со стороны веба, так и со стороны натива. Типичный пример - добавление функционала получения Push-уведомлений на IOS. Там не просто плагин добавляется, там нужно ручками внести изменения в нативную часть
  
-  * [[create-application]]+  * [[prepaire]] 
 +  * [[mobile:create-application:ionic]] 
 +  * [[mobile:create-application:cordova]]
  
 ====== Create application ====== ====== Create application ======
Строка 28: Строка 32:
   - https://capacitorjs.com/docs/plugins/community   - https://capacitorjs.com/docs/plugins/community
   - https://github.com/orgs/capacitor-community/repositories   - https://github.com/orgs/capacitor-community/repositories
 +
 +====== @capacitor/camera ======
  
 https://capacitorjs.com/docs/apis/camera https://capacitorjs.com/docs/apis/camera
Строка 34: Строка 40:
 $ npx cap sync $ npx cap sync
 </code> </code>
 +
 +====== @capacitor/filesystem ======
  
 https://capacitorjs.com/docs/apis/filesystem https://capacitorjs.com/docs/apis/filesystem
Строка 40: Строка 48:
 $ npx cap sync $ npx cap sync
 </code> </code>
 +
 +====== @capacitor/preferences ======
  
 https://capacitorjs.com/docs/apis/preferences https://capacitorjs.com/docs/apis/preferences
Строка 46: Строка 56:
 $ npx cap sync $ npx cap sync
 </code> </code>
 +
 +====== @capacitor/motion ======
  
 https://capacitorjs.com/docs/apis/motion https://capacitorjs.com/docs/apis/motion
Строка 65: Строка 77:
 </code> </code>
  
 +====== @capacitor/assets  ======
  
 +https://capacitorjs.com/docs/guides/splash-screens-and-icons
 +<code bash>
 +$ npm install @capacitor/assets --save-dev
 +$ npx capacitor-assets generate
 +</code>
  
 +====== ionic-native-sms-retriever-plugin-master ======
 +
 +https://github.com/hanatharesh2712/ionic-native-sms-retriever-plugin-master
 +
 +old:
 +<code bash>
 +$ ionic cordova plugin add cordova-plugin-sms-retriever-manager
 +$ ionic cordova plugin add https://github.com/hanatharesh2712/ionic-native-sms-retriever-plugin-master.git
 +</code>
 +current:
 +<code bash>
 +$ npm i cordova-plugin-sms-retriever-manager
 +$ npm i https://github.com/hanatharesh2712/ionic-native-sms-retriever-plugin-master.git
 +</code>
 +
 +====== @byteowls/capacitor-sms ======
 +
 +https://github.com/moberwasserlechner/capacitor-sms
 +<code bash>
 +$ npm i @byteowls/capacitor-sms
 +$ npx cap sync
 +</code>
 +
 +====== cordova-plugin-whitelist [DEPRECATED: AllowList] ======
 +
 +https://github.com/apache/cordova-plugin-whitelist
 +<code bash>
 +$ npm install cordova-plugin-whitelist
 +$ npx cap sync
 +</code>
 +
 +<code bash>
 +$ ionic cordova plugin add cordova-sms-plugin
 +$ npm install --save @ionic-native/sms
 +</code>
  
 ====== Commands ====== ====== Commands ======
 +
 +====== Ionic ======
  
 Очень простые команды для работы с Ionic в Visual Studio Code: Очень простые команды для работы с Ionic в Visual Studio Code:
Строка 83: Строка 138:
   - ng add @angular/pwa - сделать свой апп PWA (добавляется service worker, app manifest + иконки)   - ng add @angular/pwa - сделать свой апп PWA (добавляется service worker, app manifest + иконки)
  
 +====== Capacitor ======
 +
 +<code bash>
 +$ ionic capacitor build android
 +</code>
 +
 +====== Cordova ======
 +
 +<code bash>
 +$
 +</code>