WebSockets and Alpine JS - Getting data out of Alpine JS? #2242

noam-elbaz · 2021-10-20T04:10:24Z

noam-elbaz
Oct 20, 2021

Hi all.

I'm trying to send messages out of the context of Alpine JS to be picked up by the Websocket script.
I can't figure out how to get the WS script to access data from Alpine.

Something like this.

Thanks.

<body x-data="{count: 0}">
  <button @click="increment()">Click</button>
</body>

<script>
  const ws = new WebSocket("ws://localhost:8083");
  
  let count = Alpine.data.count;               <-----something like this?

  ws.addEventListener("open", () => {
    ws.send(count);                                 <------  send out the data I got from inside Alpine...
  });

  ws.addEventListener("message", ({ data }) => {
    console.log(data);
  });

</script>

Answered by danddanddand

Oct 20, 2021

Use a store and access it with Alpine.store

View full answer

danddanddand · 2021-10-20T04:50:06Z

danddanddand
Oct 20, 2021

Use a store and access it with Alpine.store

0 replies

noam-elbaz · 2021-10-21T09:44:22Z

noam-elbaz
Oct 21, 2021
Author

For anybody struggling with same issue, see this too: #2236

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

WebSockets and Alpine JS - Getting data out of Alpine JS? #2242

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{editor}}'s edit

{{editor}}'s edit

Uh oh!

Select a reply

Uh oh!

Uh oh!

WebSockets and Alpine JS - Getting data out of Alpine JS? #2242

Uh oh!

noam-elbaz Oct 20, 2021

Replies: 2 comments

Uh oh!

danddanddand Oct 20, 2021

Uh oh!

Uh oh!

noam-elbaz Oct 21, 2021 Author

noam-elbaz
Oct 20, 2021

danddanddand
Oct 20, 2021

noam-elbaz
Oct 21, 2021
Author