I’m using https://docs.beyondco.de/laravel-websockets/ to handle websockets. But it looks like in console (after run php artisan websocket:serve i see my api messages in logs there) and in dashboard(http://localhost:8080/laravel-websockets) it display my api-messages, but in my app laravel echo doesn’t listen to my events and doesnt display anything in browser console.
config/broadcasting.php
'connections' => [
'pusher' => [
'driver' => 'pusher',
'key' => env('PUSHER_APP_KEY'),
'secret' => env('PUSHER_APP_SECRET'),
'app_id' => env('PUSHER_APP_ID'),
'options' => [
'cluster' => env('PUSHER_APP_CLUSTER'),
'encrypted' => false,
'host' => '127.0.0.1',
'port' => 6001,
'scheme' => 'http'
],
],
.env
BROADCAST_DRIVER=pusher
PUSHER_APP_ID=test
PUSHER_APP_KEY=test
PUSHER_APP_SECRET=test
PUSHER_APP_CLUSTER=eu
app/Order/Events/TestEvent.php
<?php
namespace DomainOrderEvents;
use DomainOrderModelOrder;
use IlluminateBroadcastingChannel;
use IlluminateQueueSerializesModels;
use IlluminateFoundationEventsDispatchable;
use IlluminateBroadcastingInteractsWithSockets;
use IlluminateContractsBroadcastingShouldBroadcast;
class TestEvent implements ShouldBroadcast
{
use SerializesModels, Dispatchable, InteractsWithSockets;
/**
* @var Order
*/
public Order $order;
/**
* Create a new event instance.
*
* @param Order $order
*/
public function __construct(Order $order)
{
$this->order = $order;
}
/**
* @return Order
*/
public function getOrder(): Order
{
return $this->order;
}
/**
* @return array|IlluminateBroadcastingChannel|IlluminateBroadcastingChannel[]
*/
public function broadcastOn()
{
return new Channel('order-created');
}
}
resources/js/bootstrap.js
/**
* Echo exposes an expressive API for subscribing to channels and listening
* for events that are broadcast by Laravel. Echo and event broadcasting
* allows your team to easily build robust real-time web applications.
*/
import Echo from 'laravel-echo'
window.Pusher = require('pusher-js');
window.Echo = new Echo({
broadcaster: 'pusher',
key: 'test',
wsHost: window.location.hostname,
wsPort: 6001,
disableStats: true,
encrypted: false
});
My view:
<script src="{{ asset('js/app.js') }}"></script>
<script>
Echo.channel('orders-created')
.listen('.Domain\Order\Events\TestEvent', (e) => {
console.log('works');
console.log(e);
});
</script>
Maybe it interacts with my docker settings, so I will put my docker settings here too:
docker-compose.yml
version: '3.5'
services:
nginx:
container_name: myapp_nginx
image: nginx:latest
ports:
- "8080:80"
- "8180:443"
volumes:
- ./:/var/www/html
- ./docker/conf/:/etc/nginx/conf.d/
- ./docker/www_logs/nginx:/var/log/nginx
links:
- phpfpm
phpfpm:
ports:
- "6001:6001"
container_name: myapp_app
build: docker/containers/php74-fpm
command: bash -c "/etc/init.d/cron start && php-fpm -F"
volumes:
- ./:/var/www/html:cached
- ./docker/php-custom.ini:/usr/local/etc/php/conf.d/php-custom.ini
mysql:
container_name: myapp_mysql
image: mariadb:latest
volumes:
- ./docker/conf/mysql:/etc/mysql/conf.d
- ./docker/mysql-data:/var/lib/mysql
ports:
- "3307:3306"
environment:
MYSQL_USERNAME: root
MYSQL_ROOT_PASSWORD: root
MYSQL_DATABASE: database
phpmyadmin:
container_name: myapp_phpmyadmin
image: phpmyadmin/phpmyadmin
depends_on:
- mysql
ports:
- '8079:80'
environment:
MYSQL_ROOT_PASSWORD: root
MYSQL_USERNAME: root
PMA_HOST: mysql
mailhog:
container_name: myapp_mailhog
image: mailhog/mailhog:latest
ports:
- 8025:8025
- 1025:1025
docker/containers/php74-fpm/Dockerfile
FROM devilbox/php-fpm-7.4:latest
RUN apt-get update &&
apt-get install libonig-dev libzip-dev libxml2-dev libfreetype6-dev libjpeg62-turbo-dev libmcrypt-dev cron zip vim libcurl4-openssl-dev pkg-config libssl-dev -y
&& docker-php-ext-configure gd --with-freetype-dir=/usr/include/ --with-jpeg-dir=/usr/include/
&& docker-php-ext-install -j$(nproc) iconv soap mysqli mbstring gd
&& docker-php-ext-install pdo_mysql xml zip fileinfo
&& docker-php-ext-configure intl
&& docker-php-ext-install intl
&& docker-php-ext-install exif
&& docker-php-ext-install bcmath
&& docker-php-ext-install sockets
&& pecl install mongodb && docker-php-ext-enable mongodb
# composer
RUN curl --silent --show-error https://getcomposer.org/composer.phar > composer.phar
&& mv composer.phar /usr/bin/composer
RUN chmod +x /usr/bin/composer
# phpunit
RUN composer global require "phpunit/phpunit"
ENV PATH /root/.composer/vendor/bin:$PATH
RUN ln -s /root/.composer/vendor/bin/phpunit /usr/bin/phpunit
# xdebug
RUN pecl install xdebug && docker-php-ext-enable xdebug
#RUN mv "$PHP_INI_DIR/php.ini-development" "$PHP_INI_DIR/php.ini"
# node
RUN apt-get install -y gnupg2
RUN curl -sL https://deb.nodesource.com/setup_11.x | bash -
RUN apt-get install -y nodejs
#RUN apt-get install -y npm
EXPOSE 9000
CMD ["php-fpm", "-F"]
docker/conf/site.conf
server {
listen 8080;
server_name localhost;
return 301 https://$host$request_uri;
}
server {
index index.php;
server_name localhost;
error_log /var/log/nginx/error.log;
access_log /var/log/nginx/access.log;
root /var/www/html/public;
client_max_body_size 300M;
location ~ .php$ {
try_files $uri =404;
fastcgi_split_path_info ^(.+.php)(/.+)$;
fastcgi_pass phpfpm:9000;
fastcgi_index index.php;
fastcgi_send_timeout 300;
fastcgi_read_timeout 300;
fastcgi_buffers 8 16k;
fastcgi_buffer_size 32k;
fastcgi_connect_timeout 300;
include fastcgi_params;
fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
fastcgi_param PATH_INFO $fastcgi_path_info;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header Host $http_host;
proxy_http_version 1.1;
proxy_set_header Connection "";
}
location / {
try_files $uri $uri/ /index.php?$query_string;
if ($request_method = 'OPTIONS') {
add_header 'Access-Control-Allow-Origin' '*';
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS, PUT, DELETE';
#
# Custom headers and headers various browsers *should* be OK with but aren't
#
add_header 'Access-Control-Allow-Headers' 'DNT,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Range,Authorization,X-CSRF-Token';
#
# Tell client that this pre-flight info is valid for 20 days
#
add_header 'Access-Control-Max-Age' 1728000;
add_header 'Content-Type' 'text/plain; charset=utf-8';
add_header 'Content-Length' 0;
return 204;
}
}
}
2
Answers
I did the same, but i add
EXPOSE 6001
in my Dockerfile and it work’s fine.Have you tried?
I had the same issue but I figured it out. You just need to expose the port and add the port in the docker-compose.yml file
In workspace/Dockerfile add
In docker-compose.yml add
In your project, config/broadcasting.php set host to "workspace"