javascript - 在 React Native Expo WebBrowser 中监听 url 变化

Question

我想在加载 url 的 React native expo 中打开一个网络浏览器，然后我想监听一个特定的 URL，此时我希望它运行一些代码然后关闭浏览器窗口.

为此，我一直在尝试使用 Expo 的 WebBrowser。

https://docs.expo.io/versions/latest/sdk/webbrowser/

async componentDidMount() {
    Linking.addEventListener("url", this.handleOpenURL);
}

handleOpenURL(event) {
    console.log(event.url);
    // do something here then dismiss the browser
}

...进一步了解代码，我按下按钮就有了这个

let result = await WebBrowser.openBrowserAsync('www.exampleurl.com');

这会打开网页，但不会点击 handleOpenUrl 代码，这可以做到吗？如果可以，有人有例子吗？

Answer 1

您的 handleOpenURL 函数只会在有人打开重定向到您的应用程序的 url 时运行，它不会监视 WebBrowser 的 session 。

如果您可以控制后端，那么您可以使用 exco 的重定向链接和 AuthSession，因为 .你可以这样做:

import { AuthSession } from 'expo';

let authResult = await AuthSession.startAsync({
                authUrl: `https://myserverurl.com/?` +
                     `redirect_uri=${encodeURIComponent(redirectUrl)}`
            });

// This part will run after browsing session is over
console.log(authResult)