ServBay

Português

English
简体中文
繁體中文
Español
العربية
Русский
日本語
Deutsch
Français
Tiếng Việt
Türkçe
Italiano

Português

English
简体中文
繁體中文
Español
العربية
Русский
日本語
Deutsch
Français
Tiếng Việt
Türkçe
Italiano

Appearance

Criando e Executando Projeto Socket.io ​

O que é Socket.io? ​

Socket.io é uma biblioteca JavaScript para comunicação bidirecional em tempo real. Ela estabelece um canal de comunicação eficiente e de baixa latência entre navegador e servidor. Socket.io suporta o protocolo WebSocket, mas não se limita a isso, podendo selecionar automaticamente o melhor mecanismo de transporte (como long-polling) para assegurar a estabilidade da conexão.

Principais Características e Vantagens do Socket.io ​

  • Comunicação em Tempo Real: Suporta comunicação bidirecional em tempo real, ideal para chats, jogos online, notificações em tempo real e outros cenários.
  • Suporte Multiplataforma: Pode rodar no navegador, Node.js e outras plataformas.
  • Reconexão Automática: Tenta reconectar automaticamente quando a conexão é perdida.
  • Eventos Dirigidos: Utiliza um modelo baseado em eventos para simplificar a programação.
  • Alta Compatibilidade: Suporta vários mecanismos de transporte como WebSocket, long-polling XHR, etc., garantindo funcionamento em diferentes ambientes de rede.

Com o Socket.io, os desenvolvedores conseguem construir rapidamente aplicações de comunicação em tempo real eficazes.

Criando e Executando Projeto Socket.io com ServBay ​

Neste artigo, usaremos o ambiente Node.js fornecido pela ServBay para criar e executar um projeto Socket.io. Utilizaremos o recurso 'Host' do ServBay para configurar o servidor web e acessar o projeto por meio de proxy reverso.

Criando o Projeto Socket.io ​

  1. Inicializar o Projeto

    Primeiro, certifique-se de que você já instalou o ambiente Node.js fornecido pelo ServBay. Em seguida, crie um novo projeto Socket.io no diretório raiz do website sugerido pelo ServBay /Applications/ServBay/www:

    bash
    cd /Applications/ServBay/www
mkdir servbay-socketio-app
cd servbay-socketio-app
npm init -y
npm install express socket.io

  2. Criar o Arquivo do Servidor

    No diretório raiz do projeto, crie um arquivo server.js e adicione o seguinte código:

    javascript
    const express = require('express');
const http = require('http');
const socketIo = require('socket.io');

const app = express();
const server = http.createServer(app);
const io = socketIo(server);

app.get('/', (req, res) => {
  res.sendFile(__dirname + '/index.html');
});

io.on('connection', (socket) => {
  console.log('usuário conectado');
  socket.on('disconnect', () => {
    console.log('usuário desconectado');
  });
  socket.on('chat message', (msg) => {
    io.emit('chat message', msg);
  });
});

const port = process.env.PORT || 3000;
server.listen(port, () => {
  console.log(`Servidor rodando na porta ${port}`);
});

  3. Criar o Arquivo Cliente

    No diretório raiz do projeto, crie um arquivo index.html e adicione o seguinte código:

    html
    <!DOCTYPE html>
<html>
<head>
  <title>Socket.io Chat com ServBay</title>
  <style>
    ul { list-style-type: none; padding: 0; }
    li { padding: 8px; margin-bottom: 10px; background-color: #f3f3f3; }
    input { padding: 10px; width: 300px; }
    button { padding: 10px; }
    .servbay-banner {
      background-color: #4CAF50;
      color: white;
      text-align: center;
      padding: 10px 0;
      font-size: 20px;
      margin-bottom: 20px;
    }
  </style>
</head>
<body>
  <div class="servbay-banner">Bem-vindo ao Chat Socket.io com ServBay!</div>
  <ul id="messages"></ul>
  <form id="form" action="">
    <input id="input" autocomplete="off" /><button>Enviar</button>
  </form>
  <script src="/socket.io/socket.io.js"></script>
  <script>
    var socket = io();
    var form = document.getElementById('form');
    var input = document.getElementById('input');

    form.addEventListener('submit', function(e) {
      e.preventDefault();
      if (input.value) {
        socket.emit('chat message', input.value);
        input.value = '';
      }
    });

    socket.on('chat message', function(msg) {
      var item = document.createElement('li');
      item.textContent = msg;
      document.getElementById('messages').appendChild(item);
      window.scrollTo(0, document.body.scrollHeight);
    });
  </script>
</body>
</html>

Entrando no Modo de Desenvolvimento ​

  1. Executar Servidor de Desenvolvimento

    Inicie o servidor de desenvolvimento e especifique a porta (por exemplo: 8585):

    bash
    PORT=8585 node server.js

    Isso iniciará um servidor de desenvolvimento local e exporá a porta 8585.

  2. Configurar Proxy Reverso no ServBay

    Use a função 'Host' do ServBay para acessar o servidor de desenvolvimento via proxy reverso. Nas configurações de 'Host' do ServBay, adicione um novo proxy reverso:

    • Nome: Meu primeiro site dev do Socket.io
    • Domínio: servbay-socketio-test.dev
    • Tipo de Host: Proxy Reverso
    • IP: 127.0.0.1
    • Porta: 8585

    Para mais etapas de configuração, consulte adicionar website de desenvolvimento Nodejs.

  3. Acessar o Modo de Desenvolvimento

    Abra o navegador e acesse https://servbay-socketio-test.dev para visualizar o projeto em tempo real. Com o suporte do ServBay para domínios personalizados e certificados SSL gratuitos, você terá maior segurança.

Desplegando a Versão de Produção ​

  1. Preparar o Ambiente de Produção

    Certifique-se de que seu projeto pode funcionar corretamente no ambiente de produção. Normalmente, projetos Socket.io não precisam de etapas especiais de build, mas você pode precisar configurar algumas variáveis de ambiente ou outras configurações.

  2. Executar Servidor de Produção

    Inicie o servidor de produção e especifique a porta (por exemplo: 8586):

    bash
    PORT=8586 NODE_ENV=production node server.js

  3. Configurar Proxy Reverso no ServBay

    Use a função 'Host' do ServBay para acessar o servidor de produção via proxy reverso. Nas configurações de 'Host' do ServBay, adicione um novo proxy reverso:

    • Nome: Meu primeiro site de produção do Socket.io
    • Domínio: servbay-socketio-test.prod
    • Tipo de Host: Proxy Reverso
    • IP: 127.0.0.1
    • Porta: 8586

  4. Acessar o Modo de Produção

    Abra o navegador e acesse https://servbay-socketio-test.prod para visualizar a versão de produção. Com o domínio personalizado e o certificado SSL gratuito do ServBay, seu site será mais seguro e confiável.

Conexão com o Banco de Dados ​

O ServBay oferece suporte para Redis, MariaDB, PostgreSQL e MongoDB. Aqui está um exemplo de como conectar a esses bancos de dados.

  1. Conectar ao MongoDB

    Instale mongoose:

    bash
    npm install mongoose

    Em seguida, no projeto, importe e conecte:

    javascript
    const mongoose = require('mongoose');

mongoose.connect('mongodb://localhost/servbay-socketio-app', { useNewUrlParser: true, useUnifiedTopology: true })
  .then(() => console.log('MongoDB conectado'))
  .catch(err => console.log(err));

  2. Conectar ao Redis

    Instale redis:

    bash
    npm install redis

    Em seguida, no projeto, importe e conecte:

    javascript
    const redis = require('redis');
const client = redis.createClient();

client.on('error', function (err) {
  console.log('Erro ' + err);
});

client.on('connect', function () {
  console.log('Cliente Redis conectado');
});

  3. Conectar ao MariaDB

    Instale mariadb:

    bash
    npm install mariadb

    Em seguida, no projeto, importe e conecte:

    javascript
    const mariadb = require('mariadb');
const pool = mariadb.createPool({
  host: 'localhost',
  user: 'root',
  password: 'password',
  database: 'servbay_socketio_app'
});

pool.getConnection()
  .then(conn => {
    console.log("Conectado ao MariaDB");
    conn.release(); //release to pool
  })
  .catch(err => {
    console.log("Não conectado devido ao erro: " + err);
  });

  4. Conectar ao PostgreSQL

    Instale pg:

    bash
    npm install pg

    Em seguida, no projeto, importe e conecte:

    javascript
    const { Pool } = require('pg');
const pool = new Pool({
  user: 'user',
  host: 'localhost',
  database: 'servbay_socketio_app',
  password: 'password',
  port: 5432,
});

pool.connect((err, client, done) => {
  if (err) throw err;
  console.log('Conectado ao PostgreSQL');
  done();
});

Seguindo os passos acima, você terá criado e executado com sucesso um projeto Socket.io, utilizando as funcionalidades fornecidas pelo ServBay para gerenciar e acessar seu projeto, além de se conectar a diversos bancos de dados.