publish-app.html

Ionic Framework (Capacitor)

Generate Icon:
https://medium.com/@dalezak/generate-app-icon-and-splash-screen-images-for-ionic-framework-using-capacitor-e1f8c6ef0fd4
https://appicon.co/

1024x1024 => Android logo  (inner art => 80% x 683px)

App Store / PlayStore Screenshots
https://www.appstorescreenshot.com/
https://studio.app-mockup.com/
6.5" - iPhone 11 Pro Max, iPhone Xs Max
5.5" - iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus
iPad Pro (12.9-inch) (3rd generation)
iPad Pro (12.9-inch) (2nd generation)

New:
ionic start myApp tabs --capacitor
cd myApp

Existing: 
cd myApp
ionic integrations enable capacitor
npx cap init

npx cap add ios
npx cap add android

#Every change
ion build --prod
npx cap copy
#

====
iOS
====
npx cap open ios
(run xcworkspace after installing pods)

https://capacitor.ionicframework.com/docs/guides/push-notifications-firebase/
https://capacitor.ionicframework.com/docs/apis/push-notifications#method-removeAllDeliveredNotifications-0
https://github.com/capacitor-community/fcm (untuk boleh htq by device token)

npx cap sync (sblm npx cap open ios)

Capabilities:
1. Background Modes > Remote Notifications / Background processing
2. Push Notifications

Info.plist:
	<key>BGTaskSchedulerPermittedIdentifiers</key>
	<array>
		<string>my.uum.codsa</string>
	</array>

## opt-out dark mode ##
<key>UIUserInterfaceStyle</key>
<string>Light</string>
## /opt-out dark mode ##

Firebase iOS settings:
1. Drag into XCode: GoogleService-Info.plist alongside Info.plist
2. Edit Podfile > Insert pod "Firebase/Analytics"
3. Run pod install in terminal (xcode folder)
4. Edit Swift file (follow Firebase instruction)
5. Project settings > Upload APNs Authentication Key (I store mine in Documents/UUM APN 2)

=======
Android
=======
npx cap open android

1. Copy google-services.json into android/app
2. on your MainActivity.java file add import com.getcapacitor.community.fcm.FCMPlugin; 
3. and then inside the init callback add(FCMPlugin.class);
4. Edit build.gradle file (follow Firebase instruction)
5. Click Sync now (at IDE)