如何建立从角承座到烧瓶承座的websocket连接

Question

我不熟悉web套接字，我正在使用flask socketio和angular socketio作为客户端实现web套接字服务器，

我在烧瓶里用这个密码

application.py

@socketio.on('connect', namespace='/test')
def test_connect():    
    print('Client connected')

我用这个代码连接烧瓶服务器

插座服务ts

    import { Injectable } from "@angular/core";
    import * as io from "socket.io-client";
    import { Observable } from "rxjs";

    @Injectable({
      providedIn: "root"
    })
    export class SocketService {      
      private socket;

      constructor() {        
        this.socket = io("/test"); // i get example by connect using flask namespace
this.socket = io("localhost:5000"); // i tried this
this.socket = io(`/api`); // i also tried this

      }

      public sendMessage(message) {
        this.socket.emit("new-message", message);
      }

      public getMessages = () => {
        return Observable.create(observer => {
          this.socket.on("new-message", message => {
            observer.next(message);
          });
        });
      };
    }

我还尝试使用localhost:5000作为URL连接到flask服务器，但这会导致CORS问题，在遇到这个问题后，我还尝试使用代理中的“/api”进行连接。配置。下面的json作为url

{
  "/api": {
  "target": "http://127.0.0.1:5000",
  "secure": false,
  "pathRewrite": {
      "^/api": ""
  }
  }
}

这是我的应用程序。组成部分

app.component.ts

import { Component } from "@angular/core";
import { SocketService } from "./socket.service";

@Component({
  selector: "app-root",
  templateUrl: "./app.component.html",
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  title = "angularsocketio";

  constructor(private socketService: SocketService) {}
}

Answer 1

插座。如果需要跨域访问IO服务器，则需要对其进行适当配置。请参见留档中的cors_allowed_origins选项。

套接字的默认URL。IO服务是/socket。io。如果要使用不同的URL，则需要告知客户端和服务器。对于服务器，这是路径选项，也有文档记录。