tokenly/pusher-client

库

维护者

详细信息

github.com/tokenly/pusher-client

源代码

问题

安装次数: 8,921

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 4

分支: 0

公开问题: 0

v1.1.0 2017-04-18 13:47 UTC

Requires

Requires (Dev)

MIT 82aaca52bd17d43c3acef3a8758a2f97ea969e3a

This package is not auto-updated.

Last update: 2024-09-14 16:50:13 UTC

README

客户端消息推送服务的客户端组件。

安装

  • composer require tokenly/pusher-client
  • 将 Tokenly\PusherClient\Provider\PusherClientServiceProvider::class 添加到服务提供者列表

环境变量

设置以下环境变量

  • PUSHER_SERVER_URL (可选，默认为 https://pusher.tokenly.com)
  • PUSHER_CLIENT_URL (可选，默认为服务器 URL)
  • PUSHER_PASSWORD (Tokenly 服务所需)

服务器端使用

发送事件

$channel = 'my-event-channel-name';
$data = json_encode(['fromUser' => 'fred', 'messageId' => 101, 'messageText' => 'hello world!']);

$pusher = app(\Tokenly\PusherClient\Client::class);
$pusher->send($channel, $data);

客户端使用

查看 pusher-client.js 示例 获取客户端 JavaScript 代码。

步骤 1: 包含两个库

最好在 body 标签的末尾。

<script src="https://pusher.tokenly.com/public/client.js"></script>
<script src="/path/to/js/pusher-client.js"></script>

步骤 2: 订阅并响应事件

加载以下两个脚本标签后，您可以订阅一个频道

<script>
    var subscribedClient = PusherClient.subscribeToPusherChanel('my-event-channel-name', function(dataReceived) {
        // received a websocket message on channel /my-event-channel-name
        console.log('user '+dataReceived.fromUser+' said '+messageText);
    });
</script>