Ionic 3 changing icon and splash screen / ikon és betöltődés kép változtatás

ionic cordova resources

resources folder: default size: icon:192×192, splash 2208×2208

older ionic 2 info

Automatically Generate Splash Screens and Icons with Ionic CLI https://www.youtube.com/watch?v=PVi31lIT0ts

Ionic 2 splash screen and icon https://www.christianengvall.se/ionic2-splash-screen-and-icon/

From Side Project to 25 Million Downloads : PhoneGap , Ionic

In 2011, Ryan joined Codecademy and used what he learned to turn his app idea into reality. Five years later, his side project has been downloaded 25 million times and Ryan is now the VP of Product & Engineering with the company that acquired his app.

https://medium.com/@codecademy/from-side-project-to-25-million-downloads-9e43c17cc245

Built with Ionic: Sworkit: http://blog.ionic.io/built-with-ionic-sworkit/

Originally developed using jQuery Mobile, Sworkit was in need of an update when the development team learned about Ionic

Ionic mobile application connection with PHP server

Travel Data Post – Ionic App With PHP Backend : https://www.codester.com/items/4052/travel-data-post-ionic-app-with-php-backend

Ionic 2.2.3 framework
Laravel 5.4 PHP framework backend
The mobile app stores the picture, GPS data, title, note in the local database
The app works offline mode. You can upload data when you have internet connection

Google Play store: https://play.google.com/store/apps/details?id=com.ionicframework.traveldatapost493306

The IOS version is on the Apple store: https://www.codester.com/items/4052/travel-data-post-ionic-app-with-php-backend?ref=smartcodecreator

The web host domain: http://qrparty.hu/

Instructions

1. Install NodeJs with deafult setting.
Download from here: https://nodejs.org/en/
You can choose the „Latest Features” or „Recommended Most Users” package.
Tutorial video:
Check npm version:
npm –v

2. Install Android Studio with default setting.
https://developer.android.com/…
Tutorial video:

3. Add device in Android Studio
Tutorial video:

4. Create folder: ionic
Unzip my traveldatapost package

5. Open Console window, step in the app folder (I changed the type of the docs to Courier):
Step in the app folder. In the main folder see config.xml, etc.
cd C:\ ionic\traveldatapost
Install Cordova and Ionic:
npm install -g cordova
This command deletes earlier version of the ionic. Run it.
npm uninstall -g ionic
This project uses ionic 2.2.3 The version number is important.
npm install -g ionic@2.2.3
List plugins:
cordova plugin list Remove all installed plugins:
ionic state clear — plugins
List plugins again:
cordova plugin list

6. Remove Android platform: cordova platform rm android

7. Clean cache: npm cache clean
Install Android again: cordova platform add android

8. Install Ionic plugins step by step:
DB and Camera plugin installation npm install pouchdb
ionic plugin add cordova-plugin-sqlite-2
ionic plugin add cordova-plugin-camera
npm install @ionic-native/camera

9. Install File transfer plugin
npm install @ionic-native/file @ionic-native/file-path @ionic-native/transfer
ionic plugin add cordova-plugin-file
ionic plugin add cordova-plugin-file-transfer
ionic plugin add cordova-plugin-filepath

10. Geolocation plugin
ionic plugin add cordova-plugin-geolocation
npm install @ionic-native/geolocation
ionic plugin add cordova-plugin-mauron85-background-geolocation
npm install @ionic-native/background-geolocation

11. Install browser plugin
cordova plugin add cordova-plugin-inappbrowser

12. Test application
ionic run android –l
Open Chrome browser:
chrome://inspect/#devices
Remote Target > inspect
You can check the running, internet connection, upload.
Advice: If you have got error: close console, open it, go to the app directory and run again this command:
ionic run android –l
The test app was built in this folder:
traveldatapost\platforms\android\build\outputs\apk\android-debug.apk

IOS development on the Apple desktop:

– “Mac mini” is the cheapest Mac for the development.

– If you haven’t got Mac you can use Oracle VM:

How to Install macOS Sierra in VirtualBox on Windows 10:

www.howtogeek.com/2895…

+ commands:

1. Npm install environment changed. run:

npm rebuild node-sass

2. solving NSPhotoLibraryUsageDescription key problem:

cordova plugin rm cordova-plugin-camera

cordova plugin add cordova-plugin-camera –variable
CAMERA_USAGE_DESCRIPTION=”your usage message” –variable
PHOTOLIBRARY_USAGE_DESCRIPTION=”your usage message”

ionic build ios --release