1. Create Apple Push Services Certificate

• Choose Account then Login with your Apple account that Enrollment enable.
• Choose certificates, identifiers, and profiles.
• Choose Identifiers -> App ID from left menu.
• Click plus button on the top right.
• Fill register IOS app ID form. For example
  • App ID Description = MyFCM App
  • App ID Suffix -> Explicit App ID -> Bundle ID = com.myfcmapp
  • App Service -> check Push Notifications
• Click Continue.
• If you see Push notification checked with configurable click Register button.
• You should see Registration Complete summary with some service enable.
• Click Done.

• Choose Certificates -> Development on the left menu.
• Click plus button.
• Choose Apple Push Notification Service then click Continue button.
• Choose App ID that newly created the click Continue button.
• Follow instruction About Creating a Certificate Signing Request (CSR), after CSR created click Continue button.
• Choose/Upload CSR file that newly created before then click Continue button.
• In page Your Certificate Ready, click Download button to get Push Service Certificate.
• After download, double-click the downloaded file to open Keychain Access in OS X.
• You should see your certificate on the list then right click on that new certificate in the list.
• Click File -> Export Items.
• Save as (mine: "MyFCMPushDev") and choose type as Personal Information Exchange (.p12) then click Save.
• Enter a password for use in Firebase dashboard then click OK.
• If it shows a popup to enter the password again use your Mac OS X password then click OK.
• Back to the browser, click Add Another Button to create Distribution Apple Push Certificate.
• Choose Apple Push Notification service SSL (Sandbox & Production) then click Continue.
• Choose App ID same as before then click Continue.
• Bypass About Creating a Certificate Signing Request (CSR), because we will use existing CSR file then click Continue button.
• Choose/Upload CSR file same as before then click continue.
• In Your certificate is ready, click Download button to get Distribution Apple Push Certificate.
• After download, double click the downloaded file to open Keychain Access in OS X.
• You should see your certificate on the list then right click on that new certificate in the list.
• Click File -> Export Items.
• Save as (mine: "MyFCMPushDist") and choose type as Personal Information Exchange (.p12) then click Save.
• Enter a password for use in Firebase dashboard then click OK.
• If it shows a popup to enter the password again use your Mac OS X password then click OK.
• Back to the browser, click Add another button if you want to create Certificates for Publishing and Development Testing or just click Done to finish.

• Now choose Provisioning Profiles -> Development.
• Click plus button.
• Choose iOS App Development then click Continue button.
• Choose App ID that newly created then click Continue button.
• Select Certificate by check existing IOS Development item or if you don't see it create Development certificate in the previous step as creating Apple Push Certificate.
• Click Continue button.
• Select Devices that will use for testing the app if not exist add it in Devices -> iPhone on the left menu.
• Click Continue button.
• Give your new profile a name, mine is "MyFCMAppDevProfile" then click Continue button.
• In Your provisioning profile is ready, click Download button to get Provisioning Profile file.
• Click Add Another to create Provisioning Profile for Distribution/Apple Store.
• Choose Distribution -> App Store then click Continue button.
• Choose App ID same as before the click Continue button.
• Select Certificate by check existing IOS Distribution item or if you don't see it create Distribution certificate in the previous step as creating Apple Push Certificate.
• Click Continue button.
• Give your new profile a name, mine is "MyFCMAppDistProfile" then click Continue button.
• In Your provisioning profile is ready, click Download button to get Provisioning Profile file.
• Click Done button to finish.
• Don't forget to double click that downloaded Provisioning Profiles to get activated in your XCode.

2. Setting Up Firebase

• Project Name = MyFCMApp
• Country/Region = MyCountry

• iOS Bundle App = "com.myfcmapp" (on the previous step when creating Apple App ID)
• Left Nickname and App Store ID blank because it's optional

ionic start MyFCMApp --v2

cd MyFCMApp

cordova plugin add cordova-plugin-fcm

Error: cordova-plugin-fcm: You have installed platform ios but file 'GoogleService-Info.plist' was not found in your Cordova project root folder.

ionic platform add android@6.1.0

4. Configure FCM in Ionic 2 App

declare var FCMPlugin;
@Component({
  templateUrl: 'app.html'
})

FCMPlugin.getToken(
  (t) => {
    console.log(t);
  },
  (e) => {
    console.log(e);
  }
);

FCMPlugin.onNotification(
  (data) => {
    console.log(data);
  },
  (e) => {
    console.log(e);
  }
);

ionic run android

ionic build ios

Error: Invalid data, chunk must be a string or buffer, not object

ionic platform rm ios
ionic platform add ios
cordova plugin rm cordova-plugin-fcm
cordova plugin add cordova-plugin-fcm

• Message Text = "Test Push Message to Android"
• Message Label (optional) = "Test Push Message to Android"
• Delivery Date = Send Now
• Target = User Segment
• App = "com.myfcmapp" (android icon)