Handling Deep Linking and URL Schemes

<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="myapp" android:host="example.com" />
</intent-filter>

let urlScheme = "myapp"
let host = "example.com"

// In Info.plist
<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLName</key>
        <string>com.myapp</string>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>myapp</string>
        </array>
    </dict>
</array>

import { Linking } from 'react-native';

const handleUrl = (event) => {
  const url = event.url;
  // Handle the URL here
  console.log('Received URL:', url);
};

Linking.addEventListener('url', handleUrl);

// Get initial URL
Linking.getInitialURL().then((url) => {
  if (url) {
    console.log('Initial URL:', url);
  }
});

import { Linking } from 'react-native';

const handleDeepLink = (url) => {
  const { path, query } = Linking.parse(url);
  console.log('Path:', path); // user/123
  console.log('Query:', query); // { name: 'john', age: '30' }
};

Linking.addEventListener('url', handleDeepLink);

import { Linking } from 'react-native';

const handleDeepLink = (url) => {
  if (url) {
    const path = new URL(url).pathname;
    // Navigate to specific screen based on path
    navigation.navigate('Profile', { userId: path.split('/')[2] });
  }
};

// Listen for deep link events
const subscription = Linking.addEventListener('url', handleDeepLink);

// Handle initial deep link
Linking.getInitialURL().then(url => handleDeepLink(url));

// Cleanup listener
return () => subscription.remove();
};

import { Linking } from 'react-native';

const handleDeepLink = (url) => {
  const { hostname, path, query } = Linking.parse(url);
  
  if (hostname === 'myapp') {
    // Handle specific paths
    switch (path) {
      case '/profile':
        // Navigate to profile screen
        break;
      case '/settings':
        // Navigate to settings screen
        break;
      default:
        console.warn('Unknown deep link path:', path);
    }
  }
};

// In your app's Info.plist
<key>com.apple.developer.associated-domains</key>
<array>
    <string>applinks:yourdomain.com</string>
</array>

<activity
    android:name=".MainActivity"
    android:exported="true">
    <intent-filter
        android:autoVerify="true">
        <action android:name="android.intent.action.VIEW" />
        <category android:name="android.intent.category.DEFAULT" />
        <category android:name="android.intent.category.BROWSABLE" />
        <data android:scheme="https" android:host="yourdomain.com" />
    </intent-filter>
</activity>

// App.js
import React from 'react';
import { Linking } from 'react-native';

const handleDeepLink = (url) => {
  console.log("Deep link received:", url);
  // Handle the deep link logic here
};

const App = () => {
  React.useEffect(() => {
    const subscription = Linking.addEventListener('url', handleDeepLink);
    return () => subscription.remove();
  }, []);

  return <View style={{ flex: 1 }}></View>;
};

export default App;

import { Linking } from 'react-native';\n\nconst openURL = () => {\n  Linking.openURL('https://example.com');\n};

import { Linking } from 'react-native';\n\nconst checkURL = async () => {\n  const supported = await Linking.canOpenURL('https://example.com');\n  if (supported) {\n    Linking.openURL('https://example.com');\n  }\n};

// firebase.js
import { initializeApp } from 'firebase/app';
import { getDynamicLinks } from 'firebase/dynamic-links';

const firebaseConfig = {
  apiKey: "AIzaSy...",
  authDomain: "myapp.firebaseapp.com",
  projectId: "myapp",
  storageBucket: "myapp.appspot.com",
  messagingSenderId: "123456789",
  appId: "1:123456789:web:abc123"
};

const app = initializeApp(firebaseConfig);
const dynamicLinks = getDynamicLinks(app);

export { dynamicLinks };

// Create a dynamic link
import { buildShortLink } from 'firebase/dynamic-links';

const dynamicLink = await buildShortLink({
  link: 'https://myapp.com/deeplink?param=value',
  domainUriPrefix: 'https://myapp.page.link',
  androidInfo: {
    packageName: 'com.myapp'
  },
  iosInfo: {
    bundleId: 'com.myapp.ios'
  }
});

console.log(dynamicLink); // https://myapp.page.link/abc123

import { Linking } from 'react-native';

// Log all deep link events
const handleDeepLink = (url) => {
  console.log('Deep link received:', url);
};

Linking.addEventListener('url', handleDeepLink);

// For iOS, also listen to the 'open' event
if (Platform.OS === 'ios') {
  Linking.addEventListener('open', handleDeepLink);
}

// For Android, also listen to the 'newIntent' event
if (Platform.OS === 'android') {
  Linking.addEventListener('newIntent', handleDeepLink);
}