Historia:
Anteriormente les deje una entrada con el tema Principios con NodeJs en el cual les hablo de como iniciar un proyecto de hola mundo con node js.
Bueno ahora les traigo un proyecto con la idea de hacer un chat privado, bastante básico y sencillo de hacer.
Sin mas comenzamos.
Instalacion:
Primero que nada comencemos con la instalacion de node js la cual es muy sencilla, bajamos el instalador correspondiente a nuestro sistema en mi caso es windows de 64 bits.
Link: https://nodejs.org/es/download/
La instalación es bastante sencilla como cualquier programa, Instalar-> siguiente -> siguiente
->siguiente -> finalizar, una vez instalado lo que sigue es la construcción de nuestro proyecto, en xampp\htdocs creamos una carpeta la cual sera nuestro chat. para ello seguimos los siguientes pasos...
Configuracion:
C:\xampp\htdocs>mkdir inovaniachat
una vez creada la carpeta inicializamos el proyecto,
npm init
instalamos express y socket.io
npm install express@4.15.2
npm install socket.io
con ello tenemos todo lo necesario para continuar con nuestro proyecto, lo que sigue es hacer el index.html y nuestra app.js quedando con el siguiente codigo.
Código:
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>inovania</title>
<script type="text/javascript" src="/socket.io/socket.io.js"></script>
<link rel="stylesheet" type="text/css" href="/css/chatstyle.css">
</head>
<body>
<script type="text/javascript" src="/js/control.js"></script>
</body>
</html>
control.js
var socket = io();
app.js
var express = require("express");
var app = express();
var http = require("http").createServer(app);
var io = require("socket.io")(http);
var path = require("path");
app.get('/',function(req,res){
res.sendFile(__dirname+"/pages/index.html");
});
var publicDir = path.join(__dirname,'/');
app.use(express.static(publicDir));
io.on('connection',function(socket){
console.log('user is connected');
socket.on('disconnect',function(){
console.log('user is disconnected');
});
});
http.listen(8420,function(){
console.log('listening');
});
Les dejo aquí un vídeo de referencia.
Deja tu comentario, si tienes cuenta de google, hazte un seguidor de inovania para que te lleguen las notificaciones de los siguientes post.
Siguiente
No hay comentarios:
Publicar un comentario