icebob / vue-websocket Goto Github PK

View Code? Open in Web Editor NEW

534.0 534.0 75.0 364 KB

Simple websocket (socket.io) plugin for Vue.js

License: MIT License

JavaScript 100.00%

vue vue-websocket vuejs websocket

vue-websocket's People

Stargazers

Watchers

Forkers

geniuskidkanyi exdestroyer dsandor whatilove tadini rstoenescu dennishill reyboo czycc zengxianlin feseason hu19891110 exp10der bianfeiniao nigeltiany excellentjr tjadli 0xdaksh front-end-john linecode kpeng2016 qfy081 aw1n xiaonan132142 webrtongqi i-ui kinpol sangshaoye plentx 81082580 victorsm95 antonio8101 melody0529 linkdrone 6km46793 chenyuan8059 chensi227 huaixinliu xiaomei5566 jrgleason thinklib maligebi pronebel fortunabee ivanchen008 ccj-mlp yangyangliu libin1991 baisheng michael-wang93 vue-mk zhangzhong1018 sun11l dean05 harborluo hhy5277 flyingfishzxf nox-xou forrestxie yuanhua118 qixs fe-yjp jsming-g cgwire pkafma-aon beingwh h2atecnologia lengjiaxin zfg88287508 jiyulongxu bloodsbro

vue-websocket's Issues

How can I use both vue-websocket and vue-socket.io in a project?

Access-Control-Allow-Origin

Access to XMLHttpRequest at 'http://localhost:8089/socket.io/?EIO=3&transport=polling&t=Mgq_ykZ' from origin 'http://localhost:8080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

How to set option before connect but not in Vue.use ?

Look like #7
But we need set option before connect but not in Vue.use

main.js

Vue.use(VueWebsocket, null, { autoConnect: false });

App.vue

created() {
        // Like this?  get the bar before connect
        this.$socket.option = {
               query: 'foo='+bar,
               'transports': ['websocket'],
        }
	this.$socket.open();
}

Thanks

Setting secure: true in the Websockets options does not apply and gets set by default to false.

I'm trying to use the package to set a wss:// connection to a domain to be able to use my WebSockets and I'm setting in the options the secure: true part but I'm unable to get my wss connection working. I'll post some screenshots as well as trying to elaborate more.

Code configuration of the socket:

Chrome DevTools Socket Inspection in Console:

Chrome DevTools Network:

Curiously I have set in Constants.real_url the URL of my WebSocket as so: http://... because I was previously using socket.io-client but changed to using this package instead. Now I'm seeing that if it's defined as http:// automagically the secure option is set to false and a ws:// connection, if I define the url as https:// I get a wss:// connection but I am unable to connect correctly I get a Status Code: 400 Bad Request.

I'm hoping you can help me clear a few doubts about how and why I need to set the hostname with HTTPS to get a wss connection, I was able to set a wss connection only using socket.io-client using my hostname as HTTP. Our WebSockets server need the HTTP protocol to correctly work but using a WSS protocol.

how to manually socket connect

Group name must be a valid unicode string containing only ASCII alphanumerics, hyphens, or periods.

How do I join a room ?

socket.io allows client to specify a room.
Could you provide some examples to join a room please?

Does this package support IE11?

Just found out, https://github.com/nathantsoi/vue-native-websocket don`t support IE11
Now I have to rewrite the implementation

vue-touch-keyboard

The README should be updated since I'm guessing you took the README from another project.

vue-touch-keyboard is available under the MIT license.

can you please give a full demo?

try many different way and different ways.still not working.can you please give a full demo.thank you.

is it can connect to other server

This plugin can be linked to the suffix URL

JWT token setting

Is it possible to set JWT token as header in the connection settings?

Implementation of native websockets

Is it possible to use native websockets instead of socket.io?

Vuejs component cannot receive data

What makes line 751 work while line 757 won't?

how to use in html？

insert script in html

<script type="text/javascript" src="../vue-min.js"></script>
<script type="text/javascript" src="../vue-websocket.js"></script>
<body>
<div id="app"></div>
</body>
<script>
Vue.use(VueWebsocket,"ws://a.c/b");
new Vue({el: '#app'});
</script>

In F12 network log, can't see any websocket post? but console has no error print.
so how to use in this case?
thanks

Is it possible to use multiple prefixes in one Vue component?

If I have a component which has a socket property as documented in the vue-websocket's README, is there a way to subscribe to listen on multiple prefixes? The documentation only shows how to listen on a single prefix in a component. Thanks!

icebob / vue-websocket Goto Github PK

vue-websocket's People

Stargazers

Watchers

Forkers

vue-websocket's Issues

Recommend Projects

Recommend Topics

Recommend Org