如何将数据从在 kotlin 上运行的 android 应用程序发送到在 webview 上打开的 react js 应用程序？

Question

假设您正在运行一个 android 应用程序 (kotlin) 并且您已登录并拥有一些数据。 然后在 webview 中打开一个 react js 应用程序。 你如何从 android 传递登录数据来响应 js 应用程序。

Answer 1

我没有亲自做过这件事，但我相信您会想要将您拥有的任何数据打包到脚本标记中并将其注入到 Web 视图中。 例如，如果 React 应用程序需要user_id的值，您可以将用户 id 传递给如下脚本：

val script = """
    <script> var user_id = ${user.id} </script>
"""

因为我不是 React 人，所以这可能无法立即生效。 您可能需要将该值添加到document对象并以这种方式读取它。

创建脚本后，您可以使用loadDataWithBaseURL函数将其包含到您的loadDataWithBaseURL 。 它看起来像这样：

webView.loadDataWithBaseURL(reactAppUrl, script, "text/html", "utf-8", null)