react-native-inappbrowser icon indicating copy to clipboard operation
react-native-inappbrowser copied to clipboard

How to handle callback urls in the app from InAppBrowser.

Open mksmanish opened this issue 1 year ago • 1 comments

```
      const openLink = async (url) => {
try {
  if (await InAppBrowser.isAvailable()) {
    InAppBrowser.open(url, {
      // Configure your InAppBrowser options here
      // ...
     
    })
      .then((result) => {
        console.log("printing result", result);
        if (result.type === "loadstop") {
          // The "loadstop" event occurs when the page/resource finishes loading.
          const callbackUrl = result.url;
          console.log(`Received callback URL: ${callbackUrl}`);

          // Check if this is the callback URL you're expecting
          if (callbackUrl.startsWith("your-callback-url")) {
            // Handle the callback URL here
            // You can parse the URL and extract data as needed
          }
        }
      })
      .catch((error) => {
        console.error("InAppBrowser open error:", error);
      });
  } else {
    // Fallback to Linking if InAppBrowser is not available
    Linking.openURL(url);
  }
} catch (error) {
  console.error("An error occurred:", error);
}

};

mksmanish avatar Sep 26 '23 09:09 mksmanish

It seems callbacks are not supported with the default InAppBrowser.open, only with openAuth.

Noitham avatar Oct 03 '23 16:10 Noitham