websocket业务代码
需求
用户登陆后,服务器实时推送用户的订单提醒,用websocket处理。
方案
两个js,notify-socket.js处理socket的连接,和socket的处理。
nofify.js,做右下角弹窗处理,用到了layui的弹窗组件。
notify-socket.js
/**
* Created by nuanfeng on 2016/9/20.
*/ define(function(require, exports, module) {
require('jQuery'); var util = require('util'),
jsonApi = require('jsonApi'),
Notify = require('notify'); var Elems = { }; socketArea = {
/**
* 注册socket身份凭证
*/
registerSocket: function(){
var self = this,
uri = jsonApi.socketRegister;
console.log('e');
try {
util.ajaxFn(uri, {}, function (data) { self.initSocket(data);
}, function () {
setTimeout(function () {
console.log("重新注册socket...");
self.registerSocket();
}, 5000);
});
} catch (e) {
setTimeout(function () {
console.log("重新注册socket...");
self.registerSocket();
}, 5000);
}
}, /**
* 心跳事件
*/
heartBeatEvent: function(socket, data) {
window.setInterval(function () {
console.log((new Date()).Format('yyyy-MM-dd hh:mm:ss') + "\t心跳事件....");
if (socket) {
data.dataType = 1000;
socket.send(JSON.stringify(data));
}
}, 1000 * 60);
}, /**
* 初始化socket
* @param data
*/
initSocket: function(data) {
var self = this;
var data = data.data;
var socket = new WebSocket('ws://192.168.10.111:9092/websocket');
//var socket = new WebSocket('ws://192.168.10.19:9092/websocket'); //open socket
socket.onopen = function (event) {
data.dataType = 1; //send a init msg
socket.send(JSON.stringify(data)); //listen
socket.onmessage = function (event) {
var data = JSON.parse(event.data);
console.log("onmessage -->> ", event);
//self.msgHandle(JSON.parse(event.data));
var notify = new Notify();
notify.showMessage(JSON.parse(event.data));
}; socket.onclose = function (event) {
console.log("onclose -- >>>于" + new Date(), event);
}
}
self.heartBeatEvent(socket, data);
}, /**
* 处理
* @param data
*/
msgHandle: function(data) {
var self = this; if (data.flag == 1) { // success
switch (data.dataType) {
case 1: //注册
self.registerSocketEvent(data);
break;
case 2: // 支付
self.paySocketEvent(data);
break;
case 3: // 需求
self.needSocketEvent(data);
break;
case 4: // 下单
self.orderSocketEvent(data);
break;
case 5: // 新用户审核
self.userCheckSocketEvent(data);
break;
case 6: // 提现
self.withDrawSocketEvent(data);
break;
case 7: // 退款
self.refundSocketEvent(data);
break;
case 0: // default
break;
}
}
}, /**
* 注册事件
* @param data
*/
registerSocketEvent: function (data) {
console.log("恭喜,于" + (new Date()).Format('yyyy-MM-dd hh:mm:ss') + "注册成功...");
}, /**
* 支付事件
* @param data
*/
paySocketEvent: function (data) {
console.log("您有新的订单已支付...");
mallMenu.refreshShipStats(true);
}, /**
* 需求事件
* @param data
*/
needSocketEvent: function (data) {
console.log("您有新的需求需要报价...");
mallMenu.refreshNeedStats(true);
}, /**
* 下单事件
* @param data
*/
orderSocketEvent: function (data) {
console.log("您有新的订单已生成");
}, /**
* 用户审核事件
* @param data
*/
userCheckSocketEvent: function (data) {
console.log("你有新的用户需要审核...");
// TODO: 根据不同的data跳转不同的列表页面
mallMenu.refreshUserStats(true);
}, /**
* 提现申请事件
* @param data
*/
withDrawSocketEvent: function (data) {
console.log("您有新的提现申请需要处理...");
mallMenu.refreshFinance(true);
}, /**
* 退款申请事件
* @param data
*/
refundSocketEvent: function (data) {
console.log("您有新的退款申请需要处理...");
mallMenu.refreshFinanceStats(true); } }; module.exports = socketArea; });
notify.js
/**
* Created by nuenfeng on 2016/9/20.
*/ define(function(require, exports, module) {
function Notify(params, callback) {
this.init();
} Notify.prototype.init = function () {
console.log('notify init...')
} Notify.prototype.showMessage = function(data){
var msg;
if (data.dataType==1 || data.dataType==8) {
//return;
} else {
msg = data.data.message;
} var html = '<div class="cont">';
html += '<p>' + msg + '</p>';
switch(data.dataType) {
case 1:
//html += '<a load="./main-pages/goods/goods-list.html" class="sui-btn btn-primary btn-radius btn-small" id="J_NoticeBtn">立即查看</a>';
break;
case 2:
html += '<a href="/seller/father/orders.html?orderStatus=1" class="sui-btn btn-primary btn-radius btn-small" id="J_NotifyBtn">立即查看</a>';
break;
case 4:
html += '<a href="/seller/father/orders.html?orderStatus=0" class="sui-btn btn-primary btn-radius btn-small" id="J_NotifyBtn">立即查看</a>';
break;
}
html += '</div>';
layer.open({
type: 1,
title: '通知',
closeBtn: 1,
shade: [0],
area: ['340px', '215px'],
offset: 'rb', //右下角弹出
time: 5000, //5秒后自动关闭
content: html,
shift: 2,
skin: 'notify-panel',
move: false
});
voicePlay(data.dataType);
} var voicePlay = function(dataType){
var audio = new Audio("/js/components/notify/voice-newmsg.mp3");
audio.play();
} module.exports = Notify;
});
websocket业务代码的更多相关文章
- Magicodes.WeiChat——ASP.NET Scaffolding生成增删改查、分页、搜索、删除确认、批量操作、批量删除等业务代码
关于T4代码生成这块,我之前写过几篇帖子,如:<Magicodes.NET框架之路——让代码再飞一会(ASP.NET Scaffolding)>(http://www.cnblogs.co ...
- JVM 性能调优实战之:使用阿里开源工具 TProfiler 在海量业务代码中精确定位性能代码
本文是<JVM 性能调优实战之:一次系统性能瓶颈的寻找过程> 的后续篇,该篇介绍了如何使用 JDK 自身提供的工具进行 JVM 调优将 TPS 由 2.5 提升到 20 (提升了 7 倍) ...
- 唱吧DevOps的落地,微服务CI/CD的范本技术解读----最大的难点并不是实际业务代码的编写,而是服务的监控和调试以及容器的编排
1.业务架构:从单体式到微服务 K歌亭是唱吧的一条新业务线,旨在提供线下便捷的快餐式K歌方式,用户可以在一个电话亭大小的空间里完成K歌体验.K歌亭在客户端有VOD.微信和Web共三个交互入口,业务复杂 ...
- golang写业务代码,用全局函数还是成员函数
在golang中,函数划分为全局函数和成员函数,在使用的时候,有种情况,会产生一些疑惑的,就是在写业务代码的时候,使用全局函数好像会比较方便,一般业务代码,都不会复用,都是针对特定的业务进行编程,要复 ...
- 朱晔的互联网架构实践心得S2E2:写业务代码最容易掉的10种坑
我承认,本文的标题有一点标题党,特别是写业务代码,大家因为没有足够重视一些细节最容易调的坑(侧重Java,当然,本文说的这些点很多是不限制于语言的). 1.客户端的使用 我们在使用Redis.Elas ...
- 朱晔的互联网架构实践心得S2E1:业务代码究竟难不难写?
注意,这是我的架构实践心得的第二季的系列文章,第一季有10篇你也可以回顾. 见https://www.cnblogs.com/lovecindywang/category/1296779.html 最 ...
- Serverless架构详解:开发者如何专注于业务代码本身?
本文来自腾讯云技术沙龙,本次沙龙主题为Serverless架构开发与SCF部署实践 演讲嘉宾:黄文俊,曾负责企业级存储.企业级容器平台等产品的架构与开发,目前主要负责SCF腾讯无服务器云函数产品相关. ...
- 使用阿里开源工具 TProfiler 在海量业务代码中精确定位性能代码 (jvm性能调优)
技术交流群:233513714 本文是<JVM 性能调优实战之:一次系统性能瓶颈的寻找过程> 的后续篇,该篇介绍了如何使用 JDK 自身提供的工具进行 JVM 调优将 TPS 由 2.5 ...
- CSDN日报20170413 ——《天天写业务代码的那些年,我们是怎样成长过来的》
[程序人生]天天写业务代码的那些年,我们是怎样成长过来的 作者:Phodal 比起写业务代码更不幸的是,主要工作是修 Bug , bug , buG , bUg. [Java 编程]Springboo ...
随机推荐
- javascript中的感叹号 "!"
JavaScript中会经常遇到一个操作符:! 这是一个布尔操作符,用于将操作的值强制转换为布尔值并取反.常用场景如下: //条件判断中使用 var a; var b=null; if(!a){ co ...
- Android 使用代码主动去调用控件的点击事件(模拟人手去触摸控件)
使用代码主动去调用控件的点击事件(模拟人手去触摸控件) //View 可以是LinearLayout,Button,TextView View.performClick();
- 【BZOJ 4581】【Usaco2016 Open】Field Reduction
http://www.lydsy.com/JudgeOnline/problem.php?id=4581 考虑\(O(n^3)\)暴力. 实际上枚举最靠边的三个点就可以了,最多有12个点. 还是暴力= ...
- Debian/Ubuntu安装SSH-Server(SFTP)
在Debian/Ubuntu命令行执行: sudo apt-get update sudo apt-get install ssh sudo apt-get install openssh-serve ...
- 2017年"程序媛和工程狮"绝对不能忽视的编程语言、框架和工具
2017年"程序媛和工程狮"绝对不能忽视的编程语言.框架和工具 在过去的一年里,软件开发行业继续大踏步地向前迈进.回顾 2016 年,我们看到了更多新兴的流行语言.框架和工具, ...
- 如何查看mysql数据库的端口
启动,并进入mysql后,输入命令:show global variables like 'port'; 如下图所示.
- Python 【第七章】:Html 和 CSS
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标 ...
- win7里边使用telnet命令为什么提示telnet不是内部或外部命令,也不是可运行的程序或批处理文件
Win7默认没有安装telnet功能,所以你直接用telnet命令是用不了的:你可以去“控制面板”-->“程序”(在左下角)--->“打开或关闭Windows功能”,勾上“telnet客户 ...
- 一道javascript数组操作题
题目如下: var arr = ['100px','abc'-6,[],-98765,34,-2,0,'300',,function(){alert(1);}, null, document, [], ...
- highcharts总结
//tooptip此属性表达的是鼠标移那个位置显示的值 tooptip:{ formatter: function (){ //this.point.name 表达显示名字 //this.x 表达显示 ...