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 ...
随机推荐
- ant windows环境配置
详见如下链接,小蚂蚁builder.xml--apache-ant的配置 http://blog.csdn.net/gaohuanjie/article/details/40142687
- 结构体内嵌函数指针实现C语言面向对象
结构体内嵌函数指针 #include<stdio.h> void say(int age) { printf("我%d岁了\n",age); } struct stud ...
- UDP Server
//UDP服务器端程序,可以接受广播,不可接受多播,多播需要join播地址@Override public void run() { while (true) { try { DatagramSock ...
- android studio 中移除module和恢复module
一.移除Android Studio中module 在Android Studio中想要删除某个module时,在Android Studio中选中module,右键发现没有delete,如图: An ...
- 篇二:JSON解析
前台以json形式的数据格式传到后台,代码如下: import net.sf.json.JSONObject; public class JsonUtility { /** * 解析JSON 对象为对 ...
- iOS-RunLoop
简单的说run loop是事件驱动的一个大循环,如下代码所示int main(int argc, char * argv[]) { //程序一直运行状态 while (AppIsRun ...
- adb工具获取appPackage和appActivity
1,手机连接电脑,打开手机调试功能,并运行待测试APP,终端执行: adb shell 2,接着,执行: dumpsys window windows | grep -E 'mFocusedApp' ...
- ReactNative 告别CodePush,自建热更新版本升级环境
微软的CodePush热更新非常难用大家都知道,速度跟被墙了没什么区别. 另外一方面,我们不希望把代码放到别人的服务器.自己写接口更新总归感觉安全一点. so,就来自己搞个React-Native A ...
- 解决NetBeans运行卡顿问题
NetBeans安装目录下的此文件打开编辑 找到这一行,在后面添加最大的运行内存,这里我改成了900M(红色部分),重启NetBeans即可.netbeans_default_options=&quo ...
- 网页访问全过程剖析[转].md
本文转载自:http://www.cnblogs.com/wenanry/archive/2010/02/25/1673368.html 原文翻译自:http://igoro.com/archive/ ...