iyasilias

https://github.com/ionic-team/capacitor/issues/4622#issuecomment-859226985

ANDROID
I wasn't able to reproduce the error. Maybe it is the result of the complexity of my app. Anyhow, I was able to fix the problem. So I think I would like to share it here.

And yes, it has to do with the deprecation of FirebaseInstanceId.

In PushNotifactions.java from line 84:
Change this

iyasilias

you have to build intl-extension from php source code on your own. If you have some experiences using the terminal it won't be hard to do.

1. First make sure you installed Xcode and started it at least once to finish installation and accept license agreement.

2. Download latest version of autoconf from http://ftp.gnu.org/gnu/autoconf/autoconf-latest.tar.gz. Its a prerequisite to build php modules which is not shipped with macOS.
Extract the file and open a terminal in macOS and open the extracted folder using cd command.
Afterwards use commands:
./configure
make
sudo make install (your password is required, make sure you are an admin user in macOS)

iyasilias

1. Run npm install cordova-res --save-dev
2. Create 1024x1024px icon at resources/icon.png
3. Create 2732x2732px splash at resources/splash.png
4. Add "resources": "cordova-res ios && cordova-res android && node scripts/resources.js" to scripts in package.json
5. Copy resources.js file to scripts/resources.js
6. Run sudo chmod -R 777 scripts/resources.js
7. Run npm run resources

iyasilias

1. ng add @angular/pwa
2. ionic build --prod
3. copy www to server (rename the folder if you wish)
4. rename manifest.webmanifest to manifest.json (if your server have problem with .webmanifest extension)
5. open manifest.json and edit the file

from

  "name": "app",
  "short_name": "app",

iyasilias

splash canvas = 2732x2732 PNG
splash artwork 1200x1200

https://www.appstorescreenshot.com/

===
iOS
===
1024x1024 PNG icon (can not transparent bg) x1
1242x2208 JPG iPhone 5.5" x5 https://shotbot.io/

iyasilias

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/

iyasilias

Below is a full tutorial on how to setup and use Googles Firebase push notification API for both Android and iOS.  It is based on this
earlier implementation of Googles GCM method: https://gist.github.com/prime31/5675017 - FCM is the new method and GCM will eventually be
retired.

## THE BELOW METHOD IS THE NEWER FCM METHOD:

Register your app in the FCM Console: https://console.firebase.google.com (add project)
1. Click on the newly added project, in the upper left menu is the "Overview" and Gear Settings.
2. Click on the GEAR settings icon, and then on "Project Settings"
3. In the main screen, click on "Cloud Messaging"

iyasilias

<ion-header>

  <ion-navbar>
    <ion-buttons start>
      <button ion-button icon-only menu-toggle="left" menuToggle>
        <ion-icon name="menu"></ion-icon>
      </button>
    </ion-buttons>

    <ion-title>signin</ion-title>

iyasilias

  ionViewCanEnter(){
    console.log('ionViewCanEnter');
  }

  ionViewDidLoad() {
    console.log('ionViewDidLoad');
  }

  ionViewWillEnter() {
    console.log('ionViewWillEnter');

iyasilias

<!--
  Generated template for the DPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>D</ion-title>