js发消息给安卓怎么发

要在JavaScript中发送消息给安卓设备，通常会使用WebView与安卓原生代码之间的交互。 这种交互可以通过JavaScript Interface、WebSockets、或通过PostMessage API来实现。最常见的方法是通过JavaScript Interface，它允许JavaScript调用安卓端的方法。通过JavaScript Interface、实现双向通信、使用WebSockets进行实时通信。下面将详细介绍其中一种方法：通过JavaScript Interface进行交互。

一、JavaScript Interface 实现双向通信

1、在Android端设置JavaScript Interface

首先，在Android端的Activity中需要设置一个JavaScript Interface，它允许JavaScript调用Android的方法。

public class MyActivity extends AppCompatActivity {
    private WebView myWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myWebView = findViewById(R.id.webview);
        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.addJavascriptInterface(new WebAppInterface(this), "Android");
        myWebView.loadUrl("file:///android_asset/index.html");
    }
    public class WebAppInterface {
        Context mContext;
        WebAppInterface(Context c) {
            mContext = c;
        }
        @JavascriptInterface
        public void showToast(String message) {
            Toast.makeText(mContext, message, Toast.LENGTH_SHORT).show();
        }
    }
}

在上面的代码中，通过addJavascriptInterface方法，将一个Java对象映射到JavaScript中的一个名字。@JavascriptInterface注解的作用是将方法暴露给JavaScript调用。

2、在JavaScript端调用Android方法

在HTML文件中，通过JavaScript代码调用Android方法：

<!DOCTYPE html>
<html>
<head>
    <title>WebView Example</title>
</head>
<body>
    <h1>WebView Example</h1>
    <button onclick="sendMessage()">Send Message to Android</button>
    <script type="text/javascript">
        function sendMessage() {
            Android.showToast("Hello from JavaScript!");
        }
    </script>
</body>
</html>

在这里，点击按钮时会调用sendMessage函数，进而调用安卓端的showToast方法，并显示一个Toast消息。

二、通过WebSockets进行实时通信

1、设置WebSocket服务器

首先，需要设置一个WebSocket服务器，可以使用Node.js来实现：

const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 8080 });
wss.on('connection', function connection(ws) {
    ws.on('message', function incoming(message) {
        console.log('received: %s', message);
        ws.send('Hello, you sent -> ' + message);
    });
    ws.send('Hi there, I am a WebSocket server');
});

2、在Android端使用WebSocket客户端

在Android端，可以使用Java-WebSocket库来连接WebSocket服务器：

import org.java_websocket.client.WebSocketClient;
import org.java_websocket.handshake.ServerHandshake;
import java.net.URI;
public class MyWebSocketClient extends WebSocketClient {
    public MyWebSocketClient(URI serverUri) {
        super(serverUri);
    }
    @Override
    public void onOpen(ServerHandshake handshakedata) {
        System.out.println("Opened connection");
    }
    @Override
    public void onMessage(String message) {
        System.out.println("Received message: " + message);
    }
    @Override
    public void onClose(int code, String reason, boolean remote) {
        System.out.println("Closed connection");
    }
    @Override
    public void onError(Exception ex) {
        ex.printStackTrace();
    }
}

在Activity中启动WebSocket客户端：

public class MyActivity extends AppCompatActivity {
    private MyWebSocketClient webSocketClient;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        try {
            webSocketClient = new MyWebSocketClient(new URI("ws://yourserver:8080"));
            webSocketClient.connect();
        } catch (Exception e) {
            e.printStackTrace();
        }
    }
}

3、在JavaScript端使用WebSocket客户端

在HTML文件中，通过JavaScript代码连接WebSocket服务器：

<!DOCTYPE html>
<html>
<head>
    <title>WebSocket Example</title>
</head>
<body>
    <h1>WebSocket Example</h1>
    <button onclick="sendMessage()">Send Message to WebSocket Server</button>
    <script type="text/javascript">
        var ws = new WebSocket('ws://yourserver:8080');
        ws.onopen = function() {
            console.log('WebSocket is connected');
        };
        ws.onmessage = function(event) {
            console.log('Received message: ' + event.data);
        };
        function sendMessage() {
            ws.send('Hello from JavaScript!');
        }
    </script>
</body>
</html>

在这里，点击按钮时会调用sendMessage函数，进而通过WebSocket连接向服务器发送消息。

三、通过PostMessage API进行通信

1、在Android端设置WebView

首先，在Android端的Activity中需要设置WebView并启用JavaScript：

public class MyActivity extends AppCompatActivity {
    private WebView myWebView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        myWebView = findViewById(R.id.webview);
        myWebView.getSettings().setJavaScriptEnabled(true);
        myWebView.loadUrl("file:///android_asset/index.html");
        myWebView.setWebViewClient(new WebViewClient());
        myWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
                Log.d("MyApplication", consoleMessage.message());
                return true;
            }
        });
    }
}

2、在JavaScript端使用PostMessage API

在HTML文件中，通过JavaScript代码使用PostMessage API进行通信：

<!DOCTYPE html>
<html>
<head>
    <title>PostMessage Example</title>
</head>
<body>
    <h1>PostMessage Example</h1>
    <button onclick="sendMessage()">Send Message to Android</button>
    <script type="text/javascript">
        function sendMessage() {
            if (window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.callbackHandler) {
                window.webkit.messageHandlers.callbackHandler.postMessage("Hello from JavaScript!");
            } else {
                console.log("PostMessage API is not supported");
            }
        }
        window.addEventListener("message", function(event) {
            console.log("Received message: " + event.data);
        });
    </script>
</body>
</html>

在这里，点击按钮时会调用sendMessage函数，通过PostMessage API向Android发送消息。

四、总结与推荐

在JavaScript中向安卓设备发送消息可以通过多种方法实现，每种方法都有其独特的应用场景和优缺点。JavaScript Interface适用于简单的双向通信、WebSockets适用于实时通信、PostMessage API适用于现代浏览器环境。根据实际需求选择合适的方法，能够更好地实现JavaScript与安卓之间的通信。

如果在项目开发中涉及到团队协作和项目管理，推荐使用研发项目管理系统PingCode和通用项目协作软件Worktile。这两款工具可以帮助团队更高效地管理项目，提升协作效率。

希望这篇文章能够对你有所帮助，祝你在项目开发中顺利实现JavaScript与安卓的通信！