main
This commit is contained in:
Executable
+42
@@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<head>
|
||||
<title>Pusher Test</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Pusher Test</h1>
|
||||
<p>
|
||||
Publish an event to channel <code>my-channel</code>
|
||||
with event name <code>my-event</code>; it will appear below:
|
||||
</p>
|
||||
<div id="app">
|
||||
<ul>
|
||||
<li v-for="message in messages">
|
||||
{{-- {{message}}--}}
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<script src="https://js.pusher.com/8.2.0/pusher.min.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
|
||||
<script>
|
||||
// Enable pusher logging - don't include this in production
|
||||
Pusher.logToConsole = true;
|
||||
|
||||
var pusher = new Pusher('2c35531dd3cf944a2202', {
|
||||
cluster: 'ap1'
|
||||
});
|
||||
|
||||
var channel = pusher.subscribe('my-channel');
|
||||
channel.bind('my-event', function(data) {
|
||||
app.messages.push(JSON.stringify(data));
|
||||
});
|
||||
|
||||
// Vue application
|
||||
const app = new Vue({
|
||||
el: '#app',
|
||||
data: {
|
||||
messages: [],
|
||||
},
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
Reference in New Issue
Block a user