iOS no Push Token

[selfee-jp]

I can't get Token on ios.Android has succeeded.
Can you give me some advice?
thank you.

⚡️ To Native -> PushNotifications addListener 23671829
⚡️ To Native -> PushNotifications addListener 23671830
⚡️ To Native -> PushNotifications addListener 23671831
⚡️ To Native -> PushNotifications checkPermissions 23671832
⚡️ TO JS {"receive":"prompt"}
⚡️ To Native -> PushNotifications requestPermissions 23671833
SplashScreen.hideSplash: SplashScreen was automatically hidden after default timeout. You should call SplashScreen.hide() as soon as your web app is loaded (or increase the timeout). Read more at https://capacitorjs.com/docs/apis/splash-screen#hiding-the-splash-screen
⚡️ WebView loaded
⚡️ TO JS {"receive":"granted"}
⚡️ To Native -> PushNotifications register 23671834
⚡️ TO JS undefined

Podfile

platform :ios, '12.0'
use_frameworks!

# workaround to avoid Xcode caching of Pods that requires
# Product -> Clean Build Folder after new Cordova plugins installed
# Requires CocoaPods 1.6 or newer
install! 'cocoapods', :disable_input_output_paths => true

def capacitor_pods
  pod 'Capacitor', :path => '../../node_modules/@capacitor/ios'
  pod 'CapacitorCordova', :path => '../../node_modules/@capacitor/ios'
  pod 'CapacitorApp', :path => '../../node_modules/@capacitor/app'
  pod 'CapacitorPushNotifications', :path => '../../node_modules/@capacitor/push-notifications'
  pod 'CapacitorSplashScreen', :path => '../../node_modules/@capacitor/splash-screen'
end


target 'App' do
  capacitor_pods
  # Add your Pods here
  pod 'Firebase/Messaging'
end

AppDelegate.swift

import UIKit
import Capacitor
import Firebase


@UIApplicationMain
class AppDelegate: UIResponder, UIApplicationDelegate {

    var window: UIWindow?

    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        // Override point for customization after application launch.
        FirebaseApp.configure()
        return true
    }

    func applicationWillResignActive(_ application: UIApplication) {
        // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
        // Use this method to pause ongoing tasks, disable timers, and invalidate graphics rendering callbacks. Games should use this method to pause the game.
    }

    func applicationDidEnterBackground(_ application: UIApplication) {
        // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later.
        // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
    }

    func applicationWillEnterForeground(_ application: UIApplication) {
        // Called as part of the transition from the background to the active state; here you can undo many of the changes made on entering the background.
    }

    func applicationDidBecomeActive(_ application: UIApplication) {
        // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
    }

    func applicationWillTerminate(_ application: UIApplication) {
        // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
    }

    func application(_ app: UIApplication, open url: URL, options: [UIApplication.OpenURLOptionsKey: Any] = [:]) -> Bool {
        // Called when the app was launched with a url. Feel free to add additional processing here,
        // but if you want the App API to support tracking app url opens, make sure to keep this call
        return ApplicationDelegateProxy.shared.application(app, open: url, options: options)
    }

    func application(_ application: UIApplication, continue userActivity: NSUserActivity, restorationHandler: @escaping ([UIUserActivityRestoring]?) -> Void) -> Bool {
        // Called when the app was launched with an activity, including Universal Links.
        // Feel free to add additional processing here, but if you want the App API to support
        // tracking app url opens, make sure to keep this call
        return ApplicationDelegateProxy.shared.application(application, continue: userActivity, restorationHandler: restorationHandler)
    }

    func application(_ application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: Data) {
        Messaging.messaging().apnsToken = deviceToken
        Messaging.messaging().token(completion: { (token, error) in
        if let error = error {
            NotificationCenter.default.post(name: .capacitorDidFailToRegisterForRemoteNotifications, object: error)
        } else if let token = token {
            NotificationCenter.default.post(name: .capacitorDidRegisterForRemoteNotifications, object: token)
        }
    })
    }


    func application(_ application: UIApplication, didFailToRegisterForRemoteNotificationsWithError error: Error) {
       NotificationCenter.default.post(name: .capacitorDidFailToRegisterForRemoteNotifications, object: error)
    }

    override func touchesBegan(_ touches: Set<UITouch>, with event: UIEvent?) {
        super.touchesBegan(touches, with: event)

        let statusBarRect = UIApplication.shared.statusBarFrame
        guard let touchPoint = event?.allTouches?.first?.location(in: self.window) else { return }

        if statusBarRect.contains(touchPoint) {
            NotificationCenter.default.post(name: .capacitorStatusBarTapped, object: nil)
        }
    }

}

capacitor.config.json

{
	"appId": "com.app.****.******",
	"appName": "*****",
	"bundledWebRuntime": false,
	"npmClient": "npm",
	"webDir": "www",
	"plugins": {
		"PushNotifications": {
			"presentationOptions": [
				"badge",
				"sound",
				"alert"
			]
		}
	},
	"server": {
		"url": "http://192.168.10.146:8080"
	}
}

capacitor-flag.d.ts

/* eslint-disable */
// THIS FEATURE-FLAG FILE IS AUTOGENERATED,
//  REMOVAL OR CHANGES WILL CAUSE RELATED TYPES TO STOP WORKING
import "quasar/dist/types/feature-flag";

declare module "quasar/dist/types/feature-flag" {
  interface QuasarFeatureFlags {
    capacitor: true;
  }
}

import { CapacitorConfig } from '@capacitor/cli';

const config: CapacitorConfig = {
  plugins: {
    PushNotifications: {
      presentationOptions: ["badge", "sound", "alert"],
    },
  },
};

export default config;

App.vue

mounted () {
    this.$nextTick(function () {
        PushNotifications.addListener('registration',this.registration);
        PushNotifications.addListener('registration',this.registrationError);

        PushNotifications.addListener('pushNotificationReceived',this.pushNotificationReceived);

        this.setReg();
    });
},
  methods: {
    setReg () {
        PushNotifications.checkPermissions().then(permStatus => {
          //alert(permStatus.receive);
          if (permStatus.receive === 'prompt') {
            PushNotifications.requestPermissions().then(permStatus => {
                if ( permStatus.receive == 'granted') {
                  alert( permStatus.receive); //<-- permStatus.receive == granted 　I checked the display.
                  PushNotifications.register();
                }
            });
          }
        });
    },
    registration ( token ) {
      alert(token.value) //　<--- Do not show
      this.$store.commit('auth/setSignin_device_token',token.value);
    },
    registrationError (err){
      alert(err.error)
      console.error('Registration error: ', err.error);
    },
    pushNotificationReceived (notification) {
      alert('Received push notification:' + JSON.stringify(notification));
      console.log(
        'Received push notification: ' + JSON.stringify(notification)
      );

    },
    pushNotificationActionPerformed ( notification ) {
      console.log('Push notification action performed', notification.actionId, notification.inputValue);
    }
  }

[jcesarmobile]

You have

PushNotifications.addListener('registration',this.registration);
PushNotifications.addListener('registration',this.registrationError);

should be

PushNotifications.addListener('registration',this.registration);
PushNotifications.addListener('registrationError',this.registrationError);

not sure if that would cause the issue, but it's a good first step

[selfee-jp]

Thank you, jcesarmobile.
I made the correction, but the result is still the same.

PushNotifications.addListener('registration',this.registration);
PushNotifications.addListener('registrationError',this.registrationError);

　
⚡️ TO JS {"receive":"prompt"}
⚡️ To Native -> PushNotifications requestPermissions 80103714
⚡️ WebView loaded
⚡️ TO JS {"receive":"granted"}
⚡️ To Native -> PushNotifications register 80103715
⚡️ TO JS undefined
⚡️ TO JS {"error":"remote notifications are not supported in the simulator"}
2022-07-19 22:08:47.787860+0900 App[29296:20237643] 9.2.0 - [FirebaseMessaging][I-FCM012002] Error in application:didFailToRegisterForRemoteNotificationsWithError: remote notifications are not supported in the simulator
⚡️ [error] - Registration error: remote notifications are not supported in the simulator

[jcesarmobile]

It's not the same, now it's telling you the push notifications are not supported on the simulator

TO JS {"error":"remote notifications are not supported in the simulator"}
2022-07-19 22:08:47.787860+0900 App[29296:20237643] 9.2.0 - [FirebaseMessaging][I-FCM012002] Error in application:didFailToRegisterForRemoteNotificationsWithError: remote notifications are not supported in the simulator
⚡️ [error] - Registration error: remote notifications are not supported in the simulator

You have to test on a real device

[selfee-jp]

Thank you, jcesarmobile.

I tested it on a real device.
What is this error code?

⚡️ To Native -> PushNotifications checkPermissions 102830123
⚡️ TO JS {"receive":"prompt"}
⚡️ To Native -> PushNotifications requestPermissions 102830124
⚡️ WebView loaded
2022-07-19 16:15:40.605310-0700 App[872:34784] [connection] nw_read_request_report [C1] Receive failed with error "Software caused connection abort"
2022-07-19 16:15:40.608260-0700 App[872:34784] [connection] nw_read_request_report [C4] Receive failed with error "Software caused connection abort"
2022-07-19 16:15:40.608963-0700 App[872:34784] [connection] nw_read_request_report [C3] Receive failed with error "Software caused connection abort"
2022-07-19 16:15:40.627941-0700 App[872:34784] Task <5EFE5056-0FEF-46AD-A740-0AE84D7BD208>.<1> HTTP load failed, 590/0 bytes (error code: -1005 [1:53])
2022-07-19 16:15:40.632662-0700 App[872:34785] Task <5EFE5056-0FEF-46AD-A740-0AE84D7BD208>.<1> finished with error [-1005] Error Domain=NSURLErrorDomain Code=-1005 "The network connection was lost." UserInfo={_kCFStreamErrorCodeKey=53, NSUnderlyingError=0x283cb2be0 {Error Domain=kCFErrorDomainCFNetwork Code=-1005 "(null)" UserInfo={_kCFStreamErrorCodeKey=53, _kCFStreamErrorDomainKey=1}}, _NSURLErrorFailingURLSessionTaskErrorKey=LocalDataTask <5EFE5056-0FEF-46AD-A740-0AE84D7BD208>.<1>, _NSURLErrorRelatedURLSessionTaskErrorKey=(
"LocalDataTask <5EFE5056-0FEF-46AD-A740-0AE84D7BD208>.<1>"
), NSLocalizedDescription=The network connection was lost., NSErrorFailingURLStringKey=https://fcmtoken.googleapis.com/register, NSErrorFailingURLKey=https://fcmtoken.googleapis.com/register, _kCFStreamErrorDomainKey=1}
⚡️ [error] - [webpack-dev-server] {"isTrusted":true}
⚡️ TO JS {"receive":"granted"}
⚡️ To Native -> PushNotifications register 102830125
⚡️ TO JS undefined

[jcesarmobile]

The error says “The network connection was lost”, does the device have an internet connection enabled? (Wifi or 3/4g)

also, did you configure fcm with your APNS token or certificate so it can connect with apple servers?

[selfee-jp]

Yes
Wifi is connected.
I am configuring it on an Apple server.
Suddenly the error disappeared.

The token has been delayed.

⚡️  To Native ->  PushNotifications checkPermissions 31037618
⚡️  TO JS {"receive":"prompt"}
⚡️  To Native ->  PushNotifications requestPermissions 31037619
⚡️  WebView loaded
⚡️  TO JS {"receive":"granted"}
⚡️  To Native ->  PushNotifications register 31037620
⚡️  TO JS undefined
⚡️  TO JS {"value":"fSzqJiRLUJIp"}

I rewrote only a part.

App.vue

  setup (){

  },
  beforeMount (){
    if ( this.$q.platform.is.capacitor  ){

      PushNotifications.addListener('registration',this.registration);
      PushNotifications.addListener('registrationError',this.registrationError);

      PushNotifications.addListener('pushNotificationReceived',this.pushNotificationReceived);
    }
  },  
  mounted () {

    this.$nextTick(function () {

      if ( this.$q.platform.is.capacitor  ){
        this.setReg();
      }


    })
  },
  methods: {
    setReg () {
       PushNotifications.checkPermissions().then(permStatus => {
          if (permStatus.receive === 'prompt') {
            PushNotifications.requestPermissions().then(permStatus => {
                if ( permStatus.receive == 'granted') {
                  PushNotifications.register();
                }
            });
          }
        });
    },
    registration ( token ) {
      this.$store.commit('auth/setSignin_device_token',token.value);
    },
    registrationError (err){
      alert(err.error)
      console.error('Registration error: ', err.error);
    },
    pushNotificationReceived (notification) {
      alert(JSON.stringify(notification));
      console.log(
        JSON.stringify(notification)
      );
    },
    pushNotificationActionPerformed ( notification ) {
      console.log('Push notification action performed', notification.actionId, notification.inputValue);
    }
  }
})

[selfee-jp]

Thank you.
There is still a problem, but it has been resolved.