腊月的季节

破万卷APP总结四

发表于 | 分类于 | | 阅读次数

关于ionic报错

错误类型：Application Error The connection to the server was unsucessful.(file:///android_asset/www/index.html)
这个问题我研究了半天，最终被我自己折服了，原因是在index.html中请求了远程的文件，一旦请求不了，Android内置的浏览器不会像平常一样跳过，而是一直进行请求，但Android页面启动一旦过程就会报这个错误，所以一旦出现这个错误，如果你不是一个很大型的软件，可以试着检查一下你请求的任何文件，是否都在本地。

关于请求跨域和socket.io跨域

这个问题同上个问题，我是一起解决的，导致遇到这类问题的主要原因是，没有看源码。要解决这个问题，我们必须知道同域和异域，必须知道请求头和请求体，跨域是如何造成的等等这些问题，在了解了实质以后，我们有很多方法可以解决，第一是客户端，第二是服务端，我解决采用的是服务端解决。
解决方案:就是更改客户端的请求头，或者更改对客户端的要求。

1
2
3
4
5
6
7
8
9
10
11
12
app.use(function(req, res, next) { 
    res.setHeader('Access-Control-Allow-Origin', '*');  
    res.header('Access-Control-Allow-Credentials', true);    
    res.header('Access-Control-Allow-Methods', 'POST, GET, PUT, DELETE, OPTIONS');
    res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");    
     if (req.method == 'OPTIONS') {
       res.send(200); 
     }
    else {
       next();
    }   
});

关于这里面的OPTIONS请求，这里我就不多说了，可以自己去了解。
这是express的一个中间件。

socket.io跨域

这个问题是因为没有看源码，不知道传递参数的拆解。
服务端:

1
var io = require("socket.io").listen(server,{origin:'*:*'});

客户端:

1
var socket = io.connect('http://localhost:3000',{rememberTransport:true,timeout:1500});

ok，就是这样

socket提取session

要实现socket可以提取session，首先我们要弄清session。
session是基于cookie实现的，在客户端存有一个session的cookie key值，这个key在不变的情况下是connect.id。所以在提取这个key值时，必须使用cookieParser()。找session肯定要知道session的存储位置，所以肯定要有sessionStore，一般有mongodb,mysql,redis等等。有了这个我们就可以实现了。
重要代码:

1
2
3
4
5
6
7
8
9
var sessionScoket = require('session.socket.io');

var sessionStore = new redisStore({
  port:cookiecfg.redis_port,
  host:cookiecfg.redis_host
});

var sessionScokets = new sessionScoket(io,sessionStore,cookieParser(cookiecfg.session_secret));
sessionScokets.on('connection',instantCtrl.instantMessage);

可以发现最终的socket都是sessionSocket来实现了。

关于ng-repeat即时更新页面滚动

\$scope.\$apply();
var viewScroll = \$ionicScrollDelegate.\$getByHandle(‘messageDetailsScroll’);
viewScroll.scrollBottom();

\$scope.messagedetail.messages[\$scope.messagedetail.messages.length]={‘isFromMe’:false,’message’:\$scope.send_content};

\$scope.\$watch(\$scope.sum, function(newVal, oldVal) { 

\$scope.iphone.fre = newVal >= 100 ? 0 : 10;

});
parseInt(“1234blue”); //returns 1234
parseInt(“0xA”); //returns 10
parseInt(“22.5”); //returns 22
parseInt(“blue”); //returns NaN
parseInt(“AF”, 16); //returns 175
parseInt(“10”, 2); //returns 2
parseInt(“10”, 8); //returns 8
parseInt(“10”, 10); //returns 10

stringObject.replace(regexp/substr,replacement)

关于socket操作

服务端
io.on(‘connection’,function(socket));//监听客户端连接,回调函数会传递本次连接的socket

io.sockets.emit(‘String’,data);//给所有客户端广播消息

io.sockets.socket(socketid).emit(‘String’, data);//给指定的客户端发送消息

socket.on(‘String’,function(data));//监听客户端发送的信息

socket.emit(‘String’, data);//给该socket的客户端发送消息

广播消息

//给除了自己以外的客户端广播消息
socket.broadcast.emit(“msg”,{data:”hello,everyone”});
//给所有客户端广播消息
io.sockets.emit(“msg”,{data:”hello,all”});
分组

socket.on(‘group1’, function (data) {
socket.join(‘group1’);
});
socket.on(‘group2’,function(data){
socket.join(‘group2’);
});
客户端发送

socket.emit(‘group1’)，就可以加入group1分组；
socket.emit(‘group2’)，就可以加入group2分组；

一个客户端可以存在多个分组（订阅模式）

踢出分组

socket.leave(data.room);

对分组中的用户发送信息

//不包括自己
socket.broadcast.to(‘group1’).emit(‘event_name’, data);
//包括自己
io.sockets.in(‘group1’).emit(‘event_name’, data);
broadcast方法允许当前socket client不在该分组内

获取连接的客户端socket

io.sockets.clients().forEach(function (socket) {
//…..
})
获取分组信息

//获取所有房间（分组）信息
io.sockets.manager.rooms
//来获取此socketid进入的房间信息
io.sockets.manager.roomClients[socket.id]
//获取particular room中的客户端，返回所有在此房间的socket实例
io.sockets.clients(‘particular room’)
另一种分组方式

io.of(‘/some’).on(‘connection’, function (socket) {
socket.on(‘test’, function (data) {
socket.broadcast.emit(‘event_name’,{});
});
});
客户端

var socket = io.connect(‘ws://103.31.201.154:5555/some’)
socket.on(‘even_name’,function(data){
console.log(data);
})
客户端都链接到ws://103.31.201.154:5555 但是服务端可以通过io.of(‘/some’)将其过滤出来。

另外，Socket.IO提供了4个配置的API：io.configure, io.set, io.enable, io.disable。其中io.set对单项进行设置，io.enable和io.disable用于单项设置布尔型的配置。io.configure可以让你对不同的生产环境（如devlopment，test等等）配置不同的参数。

客户端操作
建立一个socket连接

var socket = io(“ws://103.31.201.154:5555”);

监听服务消息

socket.on(‘msg’,function(data){
socket.emit(‘msg’, {rp:”fine,thank you”}); //向服务器发送消息
console.log(data);
});
socket.on(“String”,function(data)) 监听服务端发送的消息 Sting参数与服务端emit第一个参数相同

监听socket断开与重连。

socket.on(‘disconnect’, function() {
console.log(“与服务其断开”);
});

socket.on(‘reconnect’, function() {
console.log(“重新连接到服务器”);
});
客户端socket.on()监听的事件：
connect：连接成功
connecting：正在连接
disconnect：断开连接
connect_failed：连接失败
error：错误发生，并且无法被其他事件类型所处理
message：同服务器端message事件
anything：同服务器端anything事件
reconnect_failed：重连失败
reconnect：成功重连
reconnecting：正在重连
当第一次连接时，事件触发顺序为：connecting->connect；当失去连接时，事件触发顺序为：disconnect->reconnecting（可能进行多次）->connecting->reconnect->connect。

关于nodejs传输层socket基于net模块

服务端:

1
2
3
4
5
6
7
8
9
10
11
12
var net = require('net');
var server = net.createServer(function(c) { //'connection' listener
  console.log('server connected');
  c.on('end', function() {
    console.log('server disconnected');
  });
  c.write('hello\r\n');
  c.pipe(c);
  });
  server.listen(端口号, function() { //'listening' listener
     console.log('server bound');
  });

客户端:

1
2
3
4
5
6
7
8
9
10
11
12
var net = require('net');                    
var client = new net.Socket();                         //前面这2句就不用介绍了
client.connect(6000, "127.0.0.1");                     //端口号 + 服务器的IP

client.on('data', function (data) {                    //接受返回的数据,回调
    console.log('!!!!!!!!:' + data);
});

client.on('error', function (exception) {              //错误回调
    console.log('socket error:' + exception);
//    client.end();
});

具体看这篇博客:http://blog.csdn.net/zhangxin09/article/details/12844975

TCO服务端:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
var net = require('net');

var HOST = '127.0.0.1';
var PORT = 6969;

// 创建一个TCP服务器实例，调用listen函数开始监听指定端口
// 传入net.createServer()的回调函数将作为”connection“事件的处理函数
// 在每一个“connection”事件中，该回调函数接收到的socket对象是唯一的
net.createServer(function(sock) {

    // 我们获得一个连接 - 该连接自动关联一个socket对象
    console.log('CONNECTED: ' +
        sock.remoteAddress + ':' + sock.remotePort);

    // 为这个socket实例添加一个"data"事件处理函数
    sock.on('data', function(data) {
        console.log('DATA ' + sock.remoteAddress + ': ' + data);
        // 回发该数据，客户端将收到来自服务端的数据
        sock.write('You said "' + data + '"');
    });

    // 为这个socket实例添加一个"close"事件处理函数
    sock.on('close', function(data) {
        console.log('CLOSED: ' +
            sock.remoteAddress + ' ' + sock.remotePort);
    });

}).listen(PORT, HOST);

console.log('Server listening on ' + HOST +':'+ PORT);

TCO客户端

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
var net = require('net');

var HOST = '127.0.0.1';
var PORT = 6969;

var client = new net.Socket();
client.connect(PORT, HOST, function() {

    console.log('CONNECTED TO: ' + HOST + ':' + PORT);
    // 建立连接后立即向服务器发送数据，服务器将收到这些数据 
    client.write('I am Chuck Norris!');

});

// 为客户端添加“data”事件处理函数
// data是服务器发回的数据
client.on('data', function(data) {

    console.log('DATA: ' + data);
    // 完全关闭连接
    client.destroy();

});

// 为客户端添加“close”事件处理函数
client.on('close', function() {
    console.log('Connection closed');
});

ionic常见问题网站http://ionichina.com/topic/54f051698cbbaa7a56a49f98

http://www.ionic.ren/
http://blog.csdn.net/qq_30100043/article/details/54344881
ionic设置启动页 http://www.cnblogs.com/Eplayed/p/5567502.html

热评文章