ServBay

Deutsch

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

Deutsch

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

Appearance

Erstellung und Ausführung eines Socket.io-Projekts ​

Was ist Socket.io? ​

Socket.io ist eine JavaScript-Bibliothek für bidirektionale, ereignisgesteuerte Echtzeitkommunikation. Es kann eine effiziente, latenzarme Kommunikationskanal zwischen Browser und Server aufbauen. Socket.io unterstützt das WebSocket-Protokoll, ist jedoch nicht darauf beschränkt, es kann auch automatisch den besten Übertragungsmechanismus (wie Long Polling) auswählen, um die Stabilität der Verbindung sicherzustellen.

Hauptmerkmale und Vorteile von Socket.io ​

  • Echtzeitkommunikation: Unterstützt bidirektionale Echtzeitkommunikation, geeignet für Chat-Räume, Online-Spiele, Echtzeit-Benachrichtigungen und mehr.
  • Plattformübergreifende Unterstützung: Kann im Browser, in Node.js und auf anderen Plattformen laufen.
  • Automatische Wiederverbindung: Versucht automatisch, die Verbindung bei Unterbrechung wiederherzustellen.
  • Ereignisgesteuert: Kommunikation über Ereignismechanismen, was das Programmiermodell vereinfacht.
  • Hohe Kompatibilität: Unterstützt verschiedene Übertragungsmechanismen wie WebSocket, XHR Long Polling und so weiter, um sicherzustellen, dass es in verschiedenen Netzwerkumgebungen funktioniert.

Mit Socket.io können Entwickler schnell effiziente Echtzeitkommunikationsanwendungen erstellen.

Erstellung und Ausführung eines Socket.io-Projekts mit ServBay ​

In diesem Artikel verwenden wir die von ServBay bereitgestellte Node.js-Umgebung, um ein Socket.io-Projekt zu erstellen und auszuführen. Wir nutzen die 'Host'-Funktion von ServBay, um den Webserver einzurichten und den Zugriff auf das Projekt durch Reverse Proxy zu ermöglichen.

Erstellung eines Socket.io-Projekts ​

  1. Projekt initialisieren

    Stellen Sie zunächst sicher, dass Sie die von ServBay bereitgestellte Node.js-Umgebung installiert haben. Erstellen Sie dann im empfohlenen Web-Stammverzeichnis von ServBay /Applications/ServBay/www ein neues Socket.io-Projekt:

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

  2. Serverdatei erstellen

    Erstellen Sie im Projektstammverzeichnis eine Datei namens server.js und fügen Sie den folgenden Code hinzu:

    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('a user connected');
  socket.on('disconnect', () => {
    console.log('user disconnected');
  });
  socket.on('chat message', (msg) => {
    io.emit('chat message', msg);
  });
});

const port = process.env.PORT || 3000;
server.listen(port, () => {
  console.log(`Server running on port ${port}`);
});

  3. Kundendatei erstellen

    Erstellen Sie im Projektstammverzeichnis eine Datei namens index.html und fügen Sie den folgenden Code hinzu:

    html
    <!DOCTYPE html>
<html>
<head>
  <title>Socket.io Chat with 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">Welcome to ServBay Socket.io Chat!</div>
  <ul id="messages"></ul>
  <form id="form" action="">
    <input id="input" autocomplete="off" /><button>Send</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>

Wechseln in den Entwicklungsmodus ​

  1. Entwicklungsserver ausführen

    Starten Sie den Entwicklungsserver und geben Sie den Port an (z.B.: 8585):

    bash
    PORT=8585 node server.js

    Dies startet einen lokalen Entwicklungsserver und öffnet den Port 8585.

  2. ServBay Host Reverse Proxy konfigurieren

    Verwenden Sie die 'Host'-Funktion von ServBay, um über einen Reverse Proxy auf den Entwicklungsserver zuzugreifen. Fügen Sie in den 'Host'-Einstellungen von ServBay einen neuen Reverse Proxy hinzu:

    • Name: My first Socket.io dev site
    • Domain: servbay-socketio-test.dev
    • Host-Typ: Reverse Proxy
    • IP: 127.0.0.1
    • Port: 8585

    Detaillierte Einrichtung finden Sie unter Hinzufügen einer Nodejs-Entwicklungswebsite.

  3. Zugriff auf den Entwicklungsmodus

    Öffnen Sie den Browser und rufen Sie https://servbay-socketio-test.dev auf, um das Projekt in Echtzeit anzusehen. Dank der Unterstützung von ServBay für benutzerdefinierte Domains und kostenlose SSL-Zertifikate genießen Sie eine höhere Sicherheit.

Bereitstellung der Produktionsversion ​

  1. Produktionsumgebung vorbereiten

    Stellen Sie sicher, dass Ihr Projekt in der Produktionsumgebung reibungslos läuft. In der Regel benötigt ein Socket.io-Projekt keine speziellen Build-Schritte, aber Sie müssen möglicherweise einige Umgebungsvariablen festlegen oder andere Konfigurationen vornehmen.

  2. Produktionsserver ausführen

    Starten Sie den Produktionsserver und geben Sie den Port an (z.B.: 8586):

    bash
    PORT=8586 NODE_ENV=production node server.js

  3. ServBay Host Reverse Proxy konfigurieren

    Verwenden Sie die 'Host'-Funktion von ServBay, um über einen Reverse Proxy auf den Produktionsserver zuzugreifen. Fügen Sie in den 'Host'-Einstellungen von ServBay einen neuen Reverse Proxy hinzu:

    • Name: My first Socket.io production site
    • Domain: servbay-socketio-test.prod
    • Host-Typ: Reverse Proxy
    • IP: 127.0.0.1
    • Port: 8586

  4. Zugriff auf den Produktionsmodus

    Öffnen Sie den Browser und rufen Sie https://servbay-socketio-test.prod auf, um die Produktionsversion anzusehen. Mit benutzerdefinierten Domains und kostenlosen SSL-Zertifikaten von ServBay wird Ihre Website sicherer und vertrauenswürdiger.

Datenbankverbindung ​

ServBay unterstützt Redis, MariaDB, PostgreSQL und MongoDB. Im Folgenden finden Sie Beispiele zur Verbindung mit diesen Datenbanken.

  1. Verbindung zu MongoDB

    Installieren Sie mongoose:

    bash
    npm install mongoose

    Importieren und verbinden Sie dann in Ihrem Projekt:

    javascript
    const mongoose = require('mongoose');

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

  2. Verbindung zu Redis

    Installieren Sie redis:

    bash
    npm install redis

    Importieren und verbinden Sie dann in Ihrem Projekt:

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

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

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

  3. Verbindung zu MariaDB

    Installieren Sie mariadb:

    bash
    npm install mariadb

    Importieren und verbinden Sie dann in Ihrem Projekt:

    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("Connected to MariaDB");
    conn.release(); //release to pool
  })
  .catch(err => {
    console.log("Not connected due to error: " + err);
  });

  4. Verbindung zu PostgreSQL

    Installieren Sie pg:

    bash
    npm install pg

    Importieren und verbinden Sie dann in Ihrem Projekt:

    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('Connected to PostgreSQL');
  done();
});

Durch diese Schritte haben Sie erfolgreich ein Socket.io-Projekt erstellt und ausgeführt und die von ServBay bereitgestellten Funktionen genutzt, um Ihr Projekt zu verwalten und darauf zuzugreifen, sowie Verbindungen zu verschiedenen Datenbanken hergestellt.