node js, ReferenceError: app is not defined

Question

1.这是我的websocket.service.ts文件

import { Injectable } from '@angular/core';
import { Observable, } from 'rxjs';
import  {io} from 'socket.io-client';

@Injectable({
providedIn: 'root'
})
export class WebsocketService {
socket: any;
readonly uri: string = "ws://localhost:3000";

constructor() {
this.socket = io(this.uri);
}

listen(eventName: string, data:any){
return new Observable((subscriber) => {
this.socket.on(eventName, (data) => {
subscriber.next(data)
})
})
}

emit(eventName: string , data: any){
this.socket.emit(eventName,data);
}
}

2. 这是我的app.components.ts文件

import { Component, OnInit } from '@angular/core';
import { WebsocketService } from './websocket.service';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
title = 'socket-io-example';

constructor( private websockerservice: WebsocketService){
}

ngOnInit(){
// here we want to listen to an event from socket.io server
this.websockerservice.listen('test event','data').subscribe((data) =>{
console.log(data);
})
}
}

3. 这是我的node.js，socket-io.server.js文件

var server = require('http').Server(app); //here i got refernce error: app is not defined
~~~
var io = require('socket.io')(server);

io.on('connection', function(socket){
console.log("A user cconnected");

socket.emit('test event', 'here is some data');
});

server.listen(3000, () => {
console.log("server.io server is listing to port 3000")
});

Answer 1

必须首先定义app。使用express，您可以执行以下操作：

const express = require('express');
var app = express();