update docker
This commit is contained in:
parent
548eb9613c
commit
9906c8d938
|
|
@ -1,12 +1,12 @@
|
||||||
const httpServer = require("http").createServer();
|
const httpServer = require("http").createServer();
|
||||||
const io = require("socket.io")(httpServer, {
|
const io = require("socket.io")(httpServer, {
|
||||||
// ...
|
cors: {
|
||||||
|
origin: '*',
|
||||||
|
}
|
||||||
|
// config
|
||||||
});
|
});
|
||||||
|
|
||||||
io.on("connection", (socket) => {
|
io.on("connection", (socket) => {
|
||||||
|
|
||||||
console.log('Connected');
|
|
||||||
|
|
||||||
// Handle data received from the client
|
// Handle data received from the client
|
||||||
socket.on('data', (data) => {
|
socket.on('data', (data) => {
|
||||||
console.log('Received:', data.toString());
|
console.log('Received:', data.toString());
|
||||||
|
|
|
||||||
|
|
@ -16,7 +16,7 @@ services:
|
||||||
- 1000:8000
|
- 1000:8000
|
||||||
- 1001:8001
|
- 1001:8001
|
||||||
networks:
|
networks:
|
||||||
laravel:
|
- laravel
|
||||||
depends_on:
|
depends_on:
|
||||||
- redis
|
- redis
|
||||||
|
|
||||||
|
|
@ -24,9 +24,18 @@ services:
|
||||||
build:
|
build:
|
||||||
context: ./.docker/puppeteer
|
context: ./.docker/puppeteer
|
||||||
dockerfile: Dockerfile
|
dockerfile: Dockerfile
|
||||||
|
shm_size: '512M'
|
||||||
|
networks:
|
||||||
|
- laravel
|
||||||
|
|
||||||
|
socketio:
|
||||||
|
build:
|
||||||
|
context: ./.docker/socketio
|
||||||
|
dockerfile: Dockerfile
|
||||||
ports:
|
ports:
|
||||||
- 4000:4000
|
- 3000:3000
|
||||||
shm_size: '256M'
|
networks:
|
||||||
|
- laravel
|
||||||
|
|
||||||
redis:
|
redis:
|
||||||
image: redis
|
image: redis
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,36 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Socket.IO Client</title>
|
||||||
|
<!-- Include Socket.IO client library -->
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.3.1/socket.io.js"></script>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Socket.IO Client</h1>
|
||||||
|
<div id="messages"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// Connect to the Socket.IO server
|
||||||
|
const socket = io('http://localhost:3000'); // Replace with your server URL
|
||||||
|
|
||||||
|
// Event handler for successful connection
|
||||||
|
socket.on('connect', () => {
|
||||||
|
console.log('Connected to server');
|
||||||
|
});
|
||||||
|
|
||||||
|
// Event handler for receiving messages from the server
|
||||||
|
socket.on('message', (data) => {
|
||||||
|
const messagesDiv = document.getElementById('messages');
|
||||||
|
messagesDiv.innerHTML += `<p>${data}</p>`;
|
||||||
|
});
|
||||||
|
|
||||||
|
// Function to send a message to the server
|
||||||
|
function sendMessage() {
|
||||||
|
const message = document.getElementById('messageInput').value;
|
||||||
|
socket.emit('message', message);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,68 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
||||||
<title>Socket Client</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
|
|
||||||
<h1>Socket Client</h1>
|
|
||||||
|
|
||||||
<div id="messages"></div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Create a WebSocket instance
|
|
||||||
const socket = new WebSocket('ws://192.168.56.101:2346');
|
|
||||||
|
|
||||||
socket.onopen = function (event) {
|
|
||||||
console.log("Connected to the server");
|
|
||||||
console.log({socket, event});
|
|
||||||
|
|
||||||
// Send an initial payload upon connection
|
|
||||||
const username = 'kai.1';
|
|
||||||
const payload = {
|
|
||||||
username: username
|
|
||||||
};
|
|
||||||
socket.send(JSON.stringify(payload));
|
|
||||||
};
|
|
||||||
|
|
||||||
socket.onmessage = function (event) {
|
|
||||||
console.log("Received message from the server:", event.data);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Event handler for when the connection is opened
|
|
||||||
socket.addEventListener('open', (event) => {
|
|
||||||
console.log('Connected to the server');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event handler for when a message is received from the server
|
|
||||||
socket.addEventListener('message', (event) => {
|
|
||||||
// Display the received message on the HTML page
|
|
||||||
const messagesDiv = document.getElementById('messages');
|
|
||||||
messagesDiv.innerHTML += '<p>' + event.data + '</p>';
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event handler for errors
|
|
||||||
socket.addEventListener('error', (event) => {
|
|
||||||
console.error('Error occurred:', event);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Event handler for when the connection is closed
|
|
||||||
socket.addEventListener('close', (event) => {
|
|
||||||
console.log('Connection closed:', event);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Function to send a message to the server
|
|
||||||
function sendMessage() {
|
|
||||||
const message = prompt('Enter a message to send:');
|
|
||||||
if (message) {
|
|
||||||
socket.send(message);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<button onclick="sendMessage()">Send Message</button>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
@ -1,6 +1,8 @@
|
||||||
<?php
|
<?php
|
||||||
|
|
||||||
use ElephantIO\Client;
|
use ElephantIO\Client;
|
||||||
|
use GuzzleHttp\Client as GuzzleHttpClient;
|
||||||
|
use Illuminate\Http\Request;
|
||||||
use Illuminate\Support\Facades\Route;
|
use Illuminate\Support\Facades\Route;
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
@ -18,5 +20,4 @@ Route::get('/', function () {
|
||||||
return view('welcome');
|
return view('welcome');
|
||||||
});
|
});
|
||||||
|
|
||||||
Route::get('/socket', function () {
|
Route::view('/queue', 'queue');
|
||||||
});
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue