如何在应用程序运行时将数据从Android（java）发送到Web应用程序，反之亦然

Question

我使用 android 封装了一个 Vue js Web 应用程序，使其成为 TWA（可信 Web 应用程序）。

现在我想将

firebase_token

和其他数据从 Android 部分发送到 TWA 中的 web 应用程序。由于所有 API 都在 Web 应用程序上，我不想在 Android 中调用任何 API。

在 WebView 中，我们可以使用

"WebViewController.evaluateJavascript()"

将数据从 Android 发送到 Web 应用程序，但我不知道如何将数据从 Android(java) 发送到 Web 应用程序。

Answer 1

要将数据从 Android 发送到 TWA，您可以使用 WebMessagePort API。 WebMessagePort API 允许您在 Android 应用程序和 TWA 之间创建通道。然后，您可以使用此通道在两个应用程序之间来回发送数据。

要使用 WebMessagePort API，您首先需要在 Android 应用程序中创建一个 WebMessagePort 对象。您可以使用 createWebMessagePort() 方法来完成此操作。创建 WebMessagePort 对象后，您可以通过调用 WebMessagePort 对象上的 postMessage() 方法将数据发送到 TWA。

以下代码展示了如何使用 WebMessagePort API 将数据从 Android 发送到 TWA：

import android.webkit.WebMessagePort;

公共类MainActivity {

private WebMessagePort mPort;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    // Create a WebMessagePort object.
    mPort = new WebMessagePort();

    // Create a new thread to send data to the TWA.
    new Thread(new Runnable() {
        @Override
        public void run() {
            // Send data to the TWA.
            mPort.postMessage("Hello, TWA!");
        }
    }).start();
}

}

在TWA中，您可以通过监听WebMessagePort对象上的消息事件来接收来自Android的数据。每当数据从 Android 发送到 TWA 时，都会触发消息事件。

以下代码展示了如何在 TWA 中从 Android 接收数据：

    const port = new WebMessagePort();

port.addEventListener("message", event => {
    // Handle the message event.
    const message = event.data;

    console.log(message);
});

当消息事件被触发时，事件对象的 data 属性将包含从 Android 发送的数据。然后，您可以使用这些数据来执行您需要执行的任何操作。

WebMessagePort API 是一个功能强大的工具，可用于在 Android 和 TWA 之间发送数据。通过使用这个API，您可以轻松地在两个应用程序之间进行通信并相互共享数据。