Phone Authentication
Phone Authentication
Firebase Phone Authentication allows users to sign in using their phone number, verified through a one-time SMS code, a popular authentication method for many mobile applications.
Sending a Verification Code
javascript
import auth from '@react-native-firebase/auth';
async function sendVerificationCode(phoneNumber) {
const confirmation = await auth().signInWithPhoneNumber(phoneNumber);
return confirmation;
}
Confirming the Code
javascript
async function confirmCode(confirmation, code) {
await confirmation.confirm(code);
}
Building the Phone Verification UI
javascript
const [confirm, setConfirm] = useState(null);
const [code, setCode] = useState('');
async function handleSendCode() {
const confirmation = await auth().signInWithPhoneNumber(phoneNumber);
setConfirm(confirmation);
}
async function handleConfirmCode() {
await confirm.confirm(code);
}
Handling Errors
javascript
try {
await confirm.confirm(code);
} catch (error) {
if (error.code === 'auth/invalid-verification-code') {
Alert.alert('Invalid code, please try again');
}
}
reCAPTCHA Verification
Firebase automatically handles necessary anti-abuse verification during phone authentication, which may occasionally present a silent or visible reCAPTCHA challenge depending on the platform and configuration.
Testing Phone Authentication
Firebase Console allows configuring test phone numbers with fixed verification codes, enabling reliable testing without sending real SMS messages during development.
Conclusion
Firebase Phone Authentication provides a familiar, low-friction sign-in method for users, particularly popular in regions where phone-based verification is a common authentication pattern.
