在聊天应用程序中将 Pusher 与 Laravel 和 Ionic 1( AngularJS) 集成

Question

我正在尝试使用以下堆栈设置聊天应用程序（Laravel、AngularJS、Ionic、Pusher）我正在使用 AngularJS v1.6.x 和 Laravel 5.3（默认情况下已经集成了 Pusher）所以我按照文档创建了一个 pusher 帐户，并在 laravel 中设置了一个带有广播和所有内容的事件，并且在前端（Ionic 端）我必须添加 Pusher，这让我有点困惑，因为在几乎所有他们提到的使用 Laravel Echo 或 Redis/Socket.IO

的教程中

所以我的问题是如何让这个架构在 AngularJS 端工作，我是否只需要包含 Pusher javascript 文件并声明通道并工作，或者还有其他我需要的东西吗？可以做。

干杯。

Answer 1

是的。如果使用 Pusher，则不需要包含在其他工具中。例如 Socket.io、redis 或任何其他彗星服务器。

Answer 2

我想通了！对于使用 Laravel 设置 Pusher 时遇到问题的任何人，请遵循以下步骤：

使用 composer 将 Pusher 添加到 laravel（composer 需要 pusher/pusher-php-server)
在您的 .env 文件中添加：

PUSHER_APP_ID=YOUR_APP_ID PUSHER_KEY=YOUR_APP_KEY PUSHER_SECRET=YOUR_APP_SECRET
将广播驱动程序设置为推送器：

BROADCAST_DRIVER=推动者
里面config/Broadcasting.php

'pusher' => [
  'driver' => 'pusher',
  'key' => env('PUSHER_APP_KEY'),
  'secret' => env('PUSHER_APP_SECRET'),
  'app_id' => env('PUSHER_APP_ID'),
  'options' => [
    'cluster' => 'eu',
    'encrypted' => true
   ],
],

创建一个可广播的事件

在聊天应用程序中将 Pusher 与 Laravel 和 Ionic 1( AngularJS) 集成

Integrating Pusher with Laravel and Ionic 1( AngularJS) in chat app

chat

laravel

pusher

angularjs

ionic-framework