J'ai enfin compris.
Bien que mon site Web doive encore supporter un SSL, la solution consiste à obtenir Apache
pour rediriger /socket.io
à http://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 http://localhost:6001/socket.io
ProxyPassReverse /socket.io http://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.