Problem with Capacitor logging

Capacitor only logs to the Xcode console (or Safari console) but not to the iOS device console (aka the native log), for example from your Capacitor plugins or Cordova plugins, or console.log and console.debug statements in your code.

Having the debug log in Xcode or Safari only is fine when debugging during development or in Testflight. But once your app is published to the AppStore and has some specific error that does not show in dev or Testflight, you need to have log write to the iOS device log, which can be read by console.app on your Mac.

Solution

There is a Capacitor feature request regarding this but if you don’t want to wait for that, this is how to quickly fix it in your project:

1. Open the file capacitor/ios/Capacitor/Capacitor/CAPLog.swift either from your favourite editor or directly in Xcode.
2. Comment out the line starting with Swift.print
3. Instead add the line: NSLog(String(describing: item))

public class CAPLog {
    public static var enableLogging: Bool = true

    public static func print(_ items: Any..., separator: String = " ", terminator: String = "\n") {
        if enableLogging {
            for (itemIndex, item) in items.enumerated() {
                //Swift.print("\(item)".prefix(4068), terminator: itemIndex == items.count - 1 ? terminator : separator)
                NSLog(String(describing: item))
            }
        }
    }
}

Now you are ready to build and upload to Apple App Store. Once approved by Apple, start debugging your production build in console.app.

This was tested using Capacitor 3.6.0 / @capacitor/ios 3.6.0 (on an Ionic Framework 6 project)

Note on performance

Swift.print is a more resource effective, but also more limited, way of logging. I doubt that this has much practical impact, but this is something to consider, you may want to revert back to Swift.print after you’re done debugging.

Note on logging

I used NSLog but there are also other ways to use logging that you may want to look into. For example Logger and Apple’s concept of Universal logging / Unified logging system.

Did this solution help you?

I hope this helped! Please comment if it did, or if you had any problem with it. Also let me know if you got it working (or not) using other versions or if you found a better solution – it will help me and others!

All this is probably too new for it to be any good tutorials or examples available, at least I could not find any and I spent quite some time looking. I also spent quite a few hours getting it to work, but here it is:

Solution

I used the plugin cordova-plugin-apple-login (version 1.0.0) so go ahead and install it using:

npm i cordova-plugin-apple-login
ionic cordova plugin add cordova-plugin-apple-login

Note that there is no Ionic Native wrapper for the plugin, so you have to declare it instead of importing it on your page:

declare var SignInWithApple: any;

This is the login function:

 loginWithApple() {

    SignInWithApple.request({requestedScopes: [ SignInWithApple.Scope.Email, SignInWithApple.Scope.FullName ]})
    .then((appleCredential) => {
      const credential =  new firebase.auth.OAuthProvider('apple.com').credential(appleCredential.identityToken);
      this.afAuth.auth.signInWithCredential(credential)
      .then((response) => {
        console.log('Login successful');
      })
      .catch((error) => {
        console.log(error);
        alert('error:' + JSON.stringify(error));
      });
    });

  }

This was done using Ionic 4 / Angular, AngularFire2 5.30 and the cordova-plugin-apple-login 1.0.0

Configuration

You also have to do some configurations…

-> Xcode: Add capability for Sign in with Apple
-> Apple Developer: Add Services id
-> Firebase console: Add Sign-in method for Apple, leave all fields blank if you only use on iOS

If you want to support Android and or Web / PWA, you will need to do some more configuring.

Did this solution help you?

Please comment if it did, or if you had a problem with it. Also if you got it working (or not) using other versions of plugins, frameworks etc or if you found a better solution – it will help others!

P.s. I also posted this solution to Stack Overflow (my first anwer there, yay!)

When trying to build (“ionic cordova build ios”) my Ionic Cordova project, I got this error: “Error: ENOENT: no such file or directory“.

Took me awhile to figure out since I had just copied the project from an older project, made a few changes etc. Turns out the cause was that I had used a slash (“/”) in the app name in config.xml, changing the name fixed the issue.

[code]Copying iOS template project to /xxx/platforms/ios
shell.js: internal error
Error: ENOENT: no such file or directory, rename ‘/xxx/platforms/ios/__TEMP__.xcodeproj’ -> ‘/xxx/platforms/ios/project/name.xcodeproj’
at Object.renameSync (fs.js:594:3)
at /xxx/node_modules/cordova-ios/node_modules/shelljs/src/mv.js:77:8
at Array.forEach (<anonymous>)
at Object._mv (/xxx/node_modules/cordova-ios/node_modules/shelljs/src/mv.js:53:11)
at Object.mv (/xxx/node_modules/cordova-ios/node_modules/shelljs/src/common.js:186:23)
at copyTemplateFiles (/xxx/node_modules/cordova-ios/bin/lib/create.js:124:11)
at Object.exports.createProject (/xxx/node_modules/cordova-ios/bin/lib/create.js:228:5)
at Api.createPlatform (/xxx/node_modules/cordova-ios/bin/templates/scripts/cordova/Api.js:122:14)
at /usr/local/lib/node_modules/cordova/node_modules/cordova-lib/src/cordova/platform/addHelper.js:188:28
at _fulfilled (/usr/local/lib/node_modules/cordova/node_modules/q/q.js:854:54
[ERROR] An error occurred while running subprocess cordova.
cordova platform add ios –verbose –save exited with exit code 1.
Re-running this command with the –verbose flag may provide more information. [/code]