分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

前后端如何互联?---websocket

发布时间:2023-09-06 01:08责任编辑:郭大石关键词:后端websocket

1. pc端的应用,一般会采用前端定时请求后台;

2. app定时去访问后台的话,对用户来说并不友好,会消耗大量的流量,移动端最好的方式就是后台主动向app推送信息;

3. H5提供了一种比较好的方式是websocket,打开app后,向后台发出请求,后台响应后,就可以实时向前端推送信息了,而无需app再次去访问;

4.websocket的前端实现方法:

websocket = null;  url="127.xxxxxxx/xxx"  var websocketAddress = ‘ws://‘+ url  ;//判断当前浏览器是否支持WebSocket  if(‘WebSocket‘ in window){      websocket = new WebSocket(websocketAddress);  }  else{      alert(‘当前浏览器不支持WebSocket‘)  }  //连接发生错误的回调方法  websocket.onerror = function(){      //notificationReminder("错误");  };    //连接成功时的回调方法  websocket.onopen = function(event){      console.log(event);  }    //接收到消息的回调方法  websocket.onmessage = function(event){      $scope.notificationReminder(event.data);  }    //连接关闭的回调方法  websocket.onclose = function(){      //notificationReminder("关闭");  }  //监听窗口关闭事件,当窗口关闭时,主动去关闭websocket连接,防止连接还没断开就关闭窗口,server端会抛异常。  window.onbeforeunload = function(){      websocket.close();  }    //发送消息  $scope.send = function(){      websocket.send(localStorageService.get(‘UserID‘));  }  $scope.closeWebSocket = function(){      websocket.close();  }  

前后端如何互联?---websocket

原文地址:http://www.cnblogs.com/liaolei1/p/7477400.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved