- Pusherの公式ウェブサイト(https://pusher.com/)にアクセスして、アカウントを作成します。
- ダッシュボードで新しいアプリケーションを作成し、APIキーを取得します。
- HTMLファイルに以下のスクリプトタグを追加します。
<script src="https://js.pusher.com/7.0/pusher.min.js"></script>
次に、Pusherを使用してリアルタイム通信を実現する方法について説明します。以下のコード例を参考にしてください。
// Pusherの初期化
var pusher = new Pusher('YOUR_APP_KEY', {
cluster: 'CLUSTER',
encrypted: true
});
// チャンネルの購読
var channel = pusher.subscribe('CHANNEL_NAME');
// イベントのリスニング
channel.bind('EVENT_NAME', function(data) {
// イベントが発生した際に実行する処理
console.log(data);
});
上記のコード例では、YOUR_APP_KEY
とCLUSTER
には、Pusherのダッシュボードで取得したAPIキーとクラスター名を指定してください。また、CHANNEL_NAME
とEVENT_NAME
には、購読するチャンネル名とイベント名を指定します。
これで、Pusherを使用してリアルタイム通信を実現する準備が整いました。必要に応じて、上記のコード例をカスタマイズして、自身のプロジェクトに組み込むことができます。