hbk6zzez.js 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. $(function () {
  2. openWebSocket();
  3. });
  4. window.onbeforeunload = function(){
  5. closeWebSocket();
  6. }
  7. let vm = new Vue({
  8. el: '#rrapp',
  9. data: {
  10. showList: true,
  11. title: null,
  12. pickUpCode: {},
  13. q: {},
  14. pickUpCodeList:{}
  15. },
  16. methods: {
  17. }
  18. });
  19. var webSocket;
  20. function openWebSocket() {
  21. var storeId = sessionStorage.getItem("storeId");
  22. //暂时性
  23. if(!storeId){
  24. storeId = 163
  25. }
  26. if ("WebSocket" in window) {
  27. console.log("当前浏览器支持WebSocket");
  28. //实现化WebSocket对象
  29. //指定要连接的服务器地址与端口建立连接
  30. //注意ws、wss使用不同的端口。我使用自签名的证书测试,
  31. //无法使用wss,浏览器打开WebSocket时报错
  32. //ws对应http、wss对应https。
  33. webSocket = new WebSocket("ws://8.135.102.238/:8080/ws/server/"+storeId);
  34. // webSocket = new WebSocket("ws://127.0.0.1:8080/ws/server/163");
  35. // webSocket = new WebSocket("wss://cb.k1net.cn/ws/server/"+storeId);
  36. if (webSocket.readyState === webSocket.CONNECTING) {
  37. console.log('1.连接正在打开......');
  38. }
  39. // ---------- WebSocket 对象注册事件 ----------
  40. //连接打开事件
  41. webSocket.onopen = function () {
  42. if (webSocket.readyState === webSocket.OPEN) {
  43. console.log('2.连接已打开');
  44. }
  45. };
  46. //收到消息事件
  47. webSocket.onmessage = function (msg) {
  48. var data = Object.assign({}, JSON.parse(msg.data));
  49. console.log('3.接收到服务端信息......data:'+data);
  50. vm.sessionId = data.sessionId;
  51. vm.pickUpCodeList = data.pickUpCodeList;
  52. };
  53. //连接关闭事件
  54. webSocket.onclose = function () {
  55. if (!webSocket) {
  56. console.log('4.Socket连接已关闭');
  57. }
  58. };
  59. //发生了错误事件
  60. webSocket.onerror = function () {
  61. console.log("5.Socket发生了错误");
  62. }
  63. } else {
  64. console.log("当前浏览器不支持WebSocket");
  65. return false;
  66. }
  67. }
  68. function sendMessage() {
  69. if(webSocket && webSocket.readyState === webSocket.OPEN) {
  70. webSocket.send("client manual send message.")
  71. } else {
  72. console.log('6.未创建WebSocket连接');
  73. }
  74. }
  75. function closeWebSocket() {
  76. if (webSocket != null) {
  77. webSocket.close();
  78. webSocket = null;
  79. }
  80. console.log("关闭WebSocket");
  81. }
  82. //窗口关闭时,关闭连接
  83. window.unload = function () {
  84. webSocket.close();
  85. };