c语言编程笔录

首页 >   > 笔记大全

笔记大全

Golang 和 JS 怎样交互？

更新时间：2024-01-20

前言

在软件开发领域中，Golang和JavaScript（JS）是两种非常常见的编程语言。Golang是一种编译型语言，通过其高性能和并发性能而受到开发者的青睐。JS则是一种解释型脚本语言，广泛用于前端开发和与浏览器交互。

Golang和JS的交互方式

Golang和JS之间的交互通常可以通过以下几种方式实现：

WebSocket

一种常见的Golang和JS交互方式是使用WebSocket协议。WebSocket提供了全双工、双向通信的能力，使得服务器和客户端之间可以实时传输数据。在Golang的后端，可以使用gorilla/websocket这样的第三方库来实现WebSocket协议的处理。而在JS的前端，可以使用浏览器提供的WebSocket API来建立与服务器的连接，发送和接收消息。

// Golang
import (
    "github.com/gorilla/websocket"
    "net/http"
)

func handleWebSocket(w http.ResponseWriter, r *http.Request) {
    // 建立WebSocket连接
    upgrader := websocket.Upgrader{}
    conn, err := upgrader.Upgrade(w, r, nil)
    if err != nil {
        // 处理错误
    }

    // 处理WebSocket消息
    for {
        messageType, p, err := conn.ReadMessage()
        if err != nil {
            // 处理错误
        }

        // 处理消息
        // ...

        // 发送消息
        err = conn.WriteMessage(messageType, p)
        if err != nil {
            // 处理错误
        }
    }
}

// JS
const socket = new WebSocket("ws://localhost:8000/ws");

socket.addEventListener("message", function(event) {
    const message = event.data;
    // 处理消息
    // ...
});

// 发送消息
socket.send("Hello, server!");

HTTP API

Golang和JS之间也可以通过HTTP API进行通信。Golang后端可以使用标准库的net/http来创建HTTP服务器，并暴露API接口供JS前端调用。JS前端可以使用浏览器提供的fetch API或者Axios等第三方库来发起HTTP请求，与Golang后端进行数据交互。

// Golang
import "net/http"

func handleAPI(w http.ResponseWriter, r *http.Request) {
    // 处理API请求
    // ...
}

http.HandleFunc("/api", handleAPI)
http.ListenAndServe(":8000", nil)

// JS
fetch("http://localhost:8000/api")
    .then(response => response.json())
    .then(data => {
        // 处理响应数据
        // ...
    })
    .catch(error => {
        // 处理错误
    });

跨域问题

当Golang和JS分别运行在不同的域（Domain）上时，可能会涉及到跨域问题，即浏览器限制了JS对不同域上的资源进行访问。为了解决跨域问题，可以在Golang后端设置CORS（Cross-Origin Resource Sharing）头部，允许JS前端访问资源。

// Golang
func handleAPI(w http.ResponseWriter, r *http.Request) {
    w.Header().Set("Access-Control-Allow-Origin", "*")
    // ...
}

以上是Golang和JS交互的几种常见方式。具体使用哪种方式取决于具体场景和需求。这些方法都有其适用范围和优势，根据实际情况进行选择。

总结

通过WebSocket和HTTP API，Golang和JS可以方便地进行交互。WebSocket提供了实时、全双工的通信方式，适用于要求实时推送数据的场景；而HTTP API适用于普通的请求和响应模式。在使用过程中需要注意跨域问题，并且根据具体需求选择合适的交互方式。

图文推荐