RNFB Phone Auth setup in Expo

[charles-goode]

Sorry that this question is partly outside of scope for this project, but I figured only someone familiar with this project would give the most accurate answer.

I'm setting up RNFB in managed expo through a expo-dev-client. More specifically I'm migrating from the JS web SDK for firebase and expo-firebase-recaptcha to using @react-native-firebase/app, @react-native-firebase/auth, and @react-native-firebase/database. Everything seems to have gone fine with the database, and some of the auth functions (signing in and out with email/password auth works). However, for my app, users onboard starting with a phone authentication flow. When I attempt phone auth I get Exception: 'Please register custom URL scheme 'app-1-...' in the app's Info.plist file.' was thrown while invoking signInWithPhoneNumber on target RNFBAuthModule with params .... I was able to find #557 and #2346 which pointed me towards useful Firebase documentation that I didn't have to see back when I was using expo-firebase-recaptcha. However, I'm caught up on step 2 of configuring recaptcha verification, because it wants me to use Xcode to modify some app config. In expo this type of thing is typically done in app.json, but I don't exactly know what I'm supposed to do in app.json to match the Xcode commands. (Also I don't have a mac, so I can't really experiment with Xcode)

Another point of confusion is that the long URL scheme suggested by the error log doesn't really match the format of the REVERSED_CLIENT_ID which the firebase docs say should be the custom URL scheme.

@barthap I've seen that you're the Expo-RNFB expert. Any ideas?

[barthap]

Update:
React Native Firebase 16.4.0 now has built-in Expo config plugin for Phone Auth (by #6645) - see the configuration instruction

---

Old answer:
I have no experience with phone auth nor expo-firebase-recaptcha, but after taking a quick look at its source code I see that it used WebView and Firebase web API.

Regarding the error - it means the URI scheme is not configured. As far as I know, there's a command to add a scheme to an expo project without opening Xcode:

npx uri-scheme <your scheme here>

It should be run when android/ios directories are already generated, so after running expo prebuild. A documentation for this command is here.

I'm afraid I'm not able to help much more atm.

Edit:

In expo this type of thing is typically done in app.json, but I don't exactly know what I'm supposed to do in app.json to match the Xcode commands.

Everything what is done in app.json, is then applied to native Xcode via config plugins. Some plugins may be found in packages/expo-*/plugin directory, others can be found in expo-cli repo, e.g. in prebuild-config package

[charles-goode]

Well I went ahead and built fully and it seems to have worked!! Phone auth on iOS worked!

[charles-goode]

Thanks a ton @barthap ! Let me know if I can buy you a drink lol

[barthap]

Glad it worked! I've never considered any donation system so there's no easy way to do it 😉

[mikehardy]

We have a conflg plugin for phone auth for expo as soon as this releases: #6645

[sirusbaladi]

We have a conflg plugin for phone auth for expo as soon as this releases: #6645

are Silent APNs notifications (instead of captcha) included with the plugin for phone auth?