当前位置: 首页 > news >正文

宁波模板做网站关键少数

宁波模板做网站,关键少数,wordpress更换域名首页无法访问,北京网站建设哪家比较好文章目录 一、概述:二、配置:1. 后端配置2. uni-app(app端)3. 使用 一、概述: websocket 协议是在http 协议的基础上的升级,通过一次http 请求建立长连接,转而变为TCP 的全双工通信;而http 协议是一问一答…

文章目录

  • 一、概述:
  • 二、配置:
    • 1. 后端配置
    • 2. uni-app(app端)
    • 3. 使用

一、概述:

websocket 协议是在http 协议的基础上的升级,通过一次http 请求建立长连接,转而变为TCP 的全双工通信;而http 协议是一问一答的请求方式方式。

二、配置:

1. 后端配置

@Configuration
@EnableWebSocketMessageBroker
public class WebSocketConfig implements WebSocketMessageBrokerConfigurer{@Overridepublic void registerStompEndpoints(StompEndpointRegistry registry) {//注册STOMP协议的节点(endpoint),并映射指定的url//注册一个STOMP的endpoint,并指定使用SockJS协议// 此处配置支持PC 端浏览器,客户端访问采用http registry.addEndpoint("/websocket").setAllowedOriginPatterns("*").withSockJS();// 此处配置支持uniapp  app 端打包,不要带withSockJS, 客户端访问 采用ws 协议registry.addEndpoint("/websocket-app").setAllowedOriginPatterns("*");}@Overridepublic void configureMessageBroker(MessageBrokerRegistry registry) {//配置消息代理(Message Broker)//广播式应配置一个/topic消息代理registry.enableSimpleBroker("/topic");}
}

2. uni-app(app端)

websocket-uni.js

let socketOpen = false;
let socketMsgQueue = [];
import http from "@/common/Http.vue";export default {client: null,baseURL: `ws://192.168.1.1:9109/websocket-app`,//uni-app使用时不能使用http不然监听不到,需要使用wsinit(headers) {if (this.client) {return Promise.resolve(this.client);}return new Promise((resolve, reject) => {const ws = {send: this.sendMessage,onopen: null,onmessage: null,close: this.closeSocket,};uni.connectSocket({url: this.baseURL,header: headers,success: function() {console.log("WebSocket连接成功");}});uni.onSocketOpen(function(res) {console.log('WebSocket连接已打开!', res);socketOpen = true;for (let i = 0; i < socketMsgQueue.length; i++) {ws.send(socketMsgQueue[i]);}socketMsgQueue = [];ws.onopen && ws.onopen();});uni.onSocketMessage(function(res) {console.log("回馈")ws.onmessage && ws.onmessage(res);});uni.onSocketError(function(res) {console.log('WebSocket 错误!', res);});uni.onSocketClose((res) => {this.client.disconnect();this.client = null;socketOpen = false;console.log('WebSocket 已关闭!', res);});const Stomp = require('./stomp.js').Stomp;Stomp.setInterval = function(interval, f) {return setInterval(f, interval);};Stomp.clearInterval = function(id) {return clearInterval(id);};const client = this.client = Stomp.over(ws);client.connect(headers, function() {console.log('stomp connected');resolve(client);});});},disconnect() {uni.closeSocket();},sendMessage(message) {if (socketOpen) {uni.sendSocketMessage({data: message,});} else {socketMsgQueue.push(message);}},closeSocket() {console.log('closeSocket');},
};

3. 使用

	import WebSocket from '@/components/js/websocket-uni1.js';if (self.map.get("token")) {//需要上传tokenheaders.Authorization = self.map.get("token");}WebSocket.init(headers).then(client => {//接收反馈端口,成功方法,错误方法client.subscribe('/topic/getResponse', this.responseCallback, this.onFailed);});responseCallback: function(frame) {let self=this;let body = JSON.parse(frame.body);uni.showToast({icon:"success",icon: 'none',position:"center",title:"消息:您有一个新的消息,请注意接收"},2000)},onFailed: function(frame) {//this.$notify.error({//  title: '系统错误',//  message: '消息服务连接失败!',//});console.log('STOMP: ' + frame);},
http://www.yidumall.com/news/44033.html

相关文章:

  • 江门网页设计培训价格seo计费系统登录
  • 域名注册网站有哪些百度招聘网最新招聘信息
  • 沙坪坝城乡建设建委网站百度网盘电脑版登录入口
  • 微信公众号做微网站竞价排名是按照什么来计费的
  • 什么网站发布找做效果图的搜索引擎营销的概念
  • 有什么公司做网站好信息流广告代理商排名
  • 穷人没本钱怎么创业企业网站搜索优化网络推广
  • 巴南市政建设网站seo投放
  • 哪里有专门做网站的品牌线上推广方案
  • 手机app制作pdfseo网站有哪些
  • 网站手机端做appcnzz站长统计工具
  • 杭州市建设信用网网站seo网络推广技术
  • 电子商务网站建设步骤免费广告推广软件
  • 吉林省住房与城乡建设厅网站seo实战培训教程
  • 网页怎么截图企业关键词排名优化哪家好
  • 武汉建筑公司网站seo研究中心学员案例
  • 家装公司利润一般多少长春网站优化团队
  • 西部数码网站管理助手搭建织梦seo优化需要多少钱
  • 佛山网页网站设计百度快照推广
  • 沐风seo网站优化排名软件网
  • 网站建设服务采购方案模板下载seo点击排名软件营销工具
  • 手机做网站免费seo教程分享
  • 凡科轻站小程序收费吗做推广的软件有哪些
  • 一般app开发费用多少seo的研究对象
  • 二手书市场网站建设项目规划表刷网站seo排名软件
  • dede网站搬家教程软文营销的特点
  • 梁平集团网站建设百度助手官网
  • 一站式做网站费用百度信息流推广
  • 优秀室内设计平面图seo优化标题 关键词
  • 软件开发师seogw