J'ai enfin compris.
Bien que mon site Web doive encore supporter un SSL, la solution consiste à obtenir Apache pour rediriger /socket.io à https://localhost:6001/socket.io déjà configuré pour redis . Utilisez ensuite 2.2.3 version de socket io .
Donc mon laravel-echo-server.json n'est pas configuré pour SSL.
Voici mon laravel-echo-server.json :
{
"authHost": "https://domainName.com",
"authEndpoint": "/broadcasting/auth",
"clients": [
{
"appId": "xxxxxxx",
"key": "xxxxxxxxxxx"
}
],
"database": "redis",
"databaseConfig": {
"redis": {},
"sqlite": {
"databasePath": "/database/laravel-echo-server.sqlite"
}
},
"devMode": false,
"host": null,
"port": "6001",
"protocol": "http",
"socketio": {},
"sslCertPath": "",
"sslKeyPath": "",
"sslCertChainPath": "",
"sslPassphrase": "",
"subscribers": {
"http": true,
"redis": true
},
"apiOriginAllow": {
"allowCors": true,
"allowOrigin": "*",
"allowMethods": "GET, POST",
"allowHeaders": "Origin, Content-Type, X-Auth-Token, X-Requested-With, Accept, Authorization, X-CSRF-TOKEN, X-Socket-Id"
}
}
Comment j'utilise laravel-echo-server.json :
import Echo from "laravel-echo";
window.io = require('socket.io-client');
// Have this in case you stop running your laravel echo server
if (typeof io !== 'undefined') {
window.Echo = new Echo({
broadcaster: 'socket.io',
host: window.location.hostname,
});
}
Et ma configuration apaxhe dans mon SSL virtualhost pour mon domaine :
RewriteEngine On
RewriteCond %{REQUEST_URI} ^/socket.io [NC]
RewriteCond %{QUERY_STRING} transport=websocket [NC]
RewriteRule /(.*) ws://localhost:6001/$1 [P,L]
ProxyPass /socket.io https://localhost:6001/socket.io
ProxyPassReverse /socket.io https://localhost:6001/socket.io
De plus, il faudrait un gestionnaire de processus Node js pour conserver le laravel-echo-server course. J'ai donc créé echo-server.json et placé le code suivant.
{
"name": "apps",
"script": "laravel-echo-server",
"args": "start"
}
Ensuite, j'installe pm2 gestionnaire de processus. npm install pm2 -g et j'ai démarré mon service pm2 start echo-server.json --name="apps" .
Enfin j'utilise pm2 list pour voir tous mes services et pm2 startup pour continuer à faire fonctionner mes services.