Socket.io не работает на Angular4 - PullRequest
Новая
       21

Socket.io не работает на Angular4

0 голосов
/ 28 мая 2018

Я создаю проект с Angular и Express и хочу интегрировать Socket.io для чата.Проблема в том, что он не работает вообще.Я выполнил команду 

npm install socket.io --save

И это мой файл Express index.js: 

// Define variables
const express = require('express');
const app = express();
var http = require('http');
var server = http.createServer(app);


var io = require('socket.io').listen(server);

io.on('connection',(socket)=>{
    console.log("User connected");
});


// Use the /dist directory
app.use(express.static(__dirname + '/dist'));

// Catch all other invalid routes
app.all('*', function(req,res){
    res.status(200).sendFile(__dirname + '/dist/index.html');
});

// Start the server
app.listen(3000, function(){
  console.log('listening on *:3000');
});

Он даже не консольный журнал "Пользователь подключен".Это код компонента Angular, где я называю Socket: 

import { Component, Inject } from '@angular/core';
import { Router } from '@angular/router';
import { UsuariosService } from '../../services/usuarios.service';
import { Usuario } from '../registro/usuario';
import { MatSnackBar } from '@angular/material/snack-bar';
import { MatDialog, MatDialogRef, MAT_DIALOG_DATA } from '@angular/material';
import { Mensaje } from './mensaje';
import * as io from 'socket.io-client';

@Component({
    selector: 'chat',
    templateUrl: './chat.component.html',
    providers: [UsuariosService]
})
export class ChatComponent{

    public usuario:Usuario;
    public amigo:Usuario;
    public mensajes:Mensaje[];
    public texto:string;
    private socket;

    constructor(
        public dialogRef: MatDialogRef<ChatComponent>,
        @Inject(MAT_DIALOG_DATA) public data: any,
        private _usuariosService: UsuariosService,
        public snackBar:MatSnackBar,
        public _router:Router,
    ){
        this.usuario = data.usuario;
        this.amigo = data.amigo;
        this.mensajes = new Array();
        this.texto = "";
        this.socket = io();
    }

1 Ответ

0 голосов
/ 28 мая 2018

Вы должны установить npm install socket.io-client. Npm install @ types / socket.io-client. Кроме того, вы должны инициализировать this.socket = io (environment.ws_url), где this.socket = environment.ws_url.обозначьте вашу конечную точку websocket или используйте socket = new WebSocket (environment.ws_url) и используйте this.socket.onmessage = (me: any) => {const data = JSON.parse (me.data);this.files.push (данные);};`

С уважением

...