微信开发-技术文档(2)10.16-10.23

使用shell脚本快速启动mongodb

  1. 在根目录下新建脚本并命名. eg.
touch mongodb.sh
  1. 使用vi编辑器在脚本中添加自定义的shell命令
vi mongodb.sh

在文件中添加mongodb启动命令

mongod --dbpath /usr/local/Cellar/mongodb/3.2.7/data/db

保存退出,启动shell脚本

./mongodb.sh

socket.io 原理理解总结

socket.io,是一个使用反向ajax方法处理数据的库。获取数据,模拟一个ajax请求向服务器发送数据。
为基于nodejs的web应用,创建一个本地服务器(专用于本个web应用):
Server端:

var express = require('express')    , app = express()    , server = require('http').createServer(app)    , io = require('socket.io').listen(server);      //监听服务器,监听通过该Server的连接信息,而非监听sockets

在用户端,为每一个(通过登录验证)登入聊天页面的用户、即意图连接本地服务器的用户,创建一个socket,分配唯一的socketID,所有用户独立的socket之间的通讯都建立在Server端的本地服务器中。

Client端:


var socket = io.connect('http://localhost');       //获取socket对象,并且通过这个socket收发事件
//var socket = io.connect('网站地址或ip');

summary

本地服务器:socket == 一对多的关系

socket:登入用户 == 一对一的关系

服务器端:接受字符串"action"作为客户端发起连接的事件,当连接成功后,调用带有socket参数的回调函数,处理用户的请求。
客户端:发起连接到指定服务器,并且传入当前socket对象。

事件绑定

  1. click ,点击触发
  2. focus,聚焦触发
  3. blur,失焦触发
  4. 回车绑定

Socket.IO内置的默认事件

服务器端事件

  • io.sockets.on('connection',function(socket) {})
    :socket连接成功之后触发,用于初始化
  • socket.on('message',function(message, callback) {})
    :客户端通过socket.send
    来传送消息时触发此事件,message为传输的消息,callback是收到消息后要执行的回调
  • socket.on('anything',function(data) {})
    :收到任何事件时触发
  • socket.on('disconnect',function() {})
    :socket失去连接时触发(包括关闭浏览器,主动断开,掉线等任何断开连接的情况)

客户端事件
connect:连接成功
connecting:正在连接
disconnect:断开连接
connect_failed:连接失败
error:错误发生,并且无法被其他事件类型所处理
message:同服务器端message事件
anything:同服务器端anything事件
reconnect_failed:重连失败
reconnect:成功重连
reconnecting:正在重连

客户端触发顺序:
第一次连接时,事件触发顺序为:connecting->connect;
当失去连接时,事件触发顺序为:disconnect->reconnecting(可能进行多次)->connecting->reconnect->connect。

Socket.io各个发送消息的含义


// send to current request socket client
socket.emit('message', "this is a test");
// sending to all clients, include sender
io.sockets.emit('message', "this is a test");
// sending to all clients except sender
socket.broadcast.emit('message', "this is a test");
// sending to all clients in 'game' room(channel) except sender
socket.broadcast.to('game').emit('message', 'nice game'); 
// sending to all clients in 'game' room(channel), include senderio.sockets.in('game').emit('message', 'cool game');
// sending to individual socketid
io.sockets.socket(socketid).emit('message', 'for your eyes only');
// 进入一个房间
socket.join('room');
// 离开一个房间
socket.leave('room');

发送消息给指定客户端方法

io.sockets.connected[socketid].emit();
io.to(socket.id).emit();
socket.emit();

发送消息原理

  1. 客户端向服务器发送任意类型消息。
socket.send();
  1. 服务器接收消息数据,执行“message”对应的回调函数。
socket.on('message', function(){});

服务器将接收到的信息保存到数据库中,并且把消息转发到sender客户端、receiver客户端。

io.to(sender).emit('msg',sender, receiver, msg);io.to(receiver).emit('msg',sender, receiver, msg);
  1. 客户端接收服务器端发来的消息,在前端页面显示消息div。
socket.on('msg', function (sender, receiver, msg) {// $("div").append("<div>动态创建div</div>") //动态创建代码块 console.log("传递消息ing"); if (sender == _id) {$("#chatting-history").append("<div class='me-msg'><span class='me-chat-icon'></span><div class='me-msg-container'>" + msg + "</div><div class='clear-both'></div></div>"); }else {$("#chatting-history").append("<div class='other-msg'><span class='other-chat-icon'></span><div class='other-msg-container'>" + msg + "</div><div class='clear-both'></div></div>"); }$("#chatting-history").scrollTop($("#chatting-history")[0].scrollHeight);})

JS方法整理

使滚动条一直显示最底下:
$("#dom_id").scrollTop($("#dom_id")[0].scrollHeight);
在div内部动态添加一段代码块:
$("#dom_id").append("<div>………………</div>");

mongodb中populate的使用

使用的目的:实现在一个 document 中填充其他 collection(s) 的 document(s)
在定义Schema
的时候,如果设置某个 field 关联另一个Schema
,那么在获取 document 的时候就可以使用 Population 功能通过关联Schema
的 field 找到关联的另一个 document,并且用被关联 document 的内容替换掉原来关联字段(field)的内容。

文献参考

require is not defined 超出获取域

本意在chat.js中调取dbHelper.js中的函数,用于查找用户,但是获取dbHelper失败,转换思路。
解决方法1:使用socket.emit与socket.on函数,把dbHelper的调用转移到www中去
嵌套层数太多...遂弃之
尝试代码:

//chat.js部分
$(".search-text").keypress(function (e) { //搜索框回车搜索好友
 if (e.which == 13) {
 doSearchFriend();
 }
 });
function doSearchFriend() {
 var keyword = $(\'.search-text\').val();
 var pattern = new RegExp(keyword, "i");
 var queryParams = {username: pattern};
 socket.emit(\'searchUser\',queryParams);
}

//www部分

socket.on(\'searchUser\',function (res,req,queryParams) {
 dbHelper.searchUser( queryParams ,function (err, data) {
 res.render(\'chat\', {entries: data});
 })
})


//dbHelper.js部分
exports.searchUser = function (queryParams, cb) {
 var userList = new Array();
 User.find(queryParams).exec(function (err,docs) {
 for(var i = 0; i < docs.length ; i++){
 userList.push(docs[i].toObject());
 }
 cb(true, userList);
 });
 cb(true, userList);
}

错误原因总结:res传入不正确

解决方法2:使用promise的ajax封装,再通过路由中的post路径方法,调用dbHelper
解决方法3:在搜索结果div中,显示另一个网页,使用iframe
解决方法4:给搜索操作绑定ajax,搜索即请求,在success函数中重写div.html()
解决方法5:绑定搜索事件,load另一个页面的一个div

Request 和 Response 对象

他们起到了服务器与客户机之间的信息传递作用。
Request 对象用于接收客户端浏览器提交的数据,而 Response 对象的功能则是将服务器端的数据发送到客户端浏览器。
Request 对象
从浏览器端取得数据的方法:
Request.QueryString 集合读取表单 GET 方法数据
Request.Form 集合读取表单 POST 方法数据
Request.ServerVariables 集合读取服务器端环境变量

req.param获取pathinfo中参数 /api/users/{id}req.query获取查询参数 /api/users?name=wwxreq.body获取form提交参数

req与res的知识](http://i5ting.github.io/node-http/#10601))

jQuery 过渡效果

函数
$(selector).hide():隐藏被选元素
$(selector).show():显示被选元素
$(selector).toggle():切换(在隐藏与显示之间)被选元素
$(selector).slideDown():向下滑动(显示)被选元素
$(selector).slideUp():向上滑动(隐藏)被选元素
$(selector).slideToggle():对被选元素切换向上滑动和向下滑动
$(selector).fadeIn():淡入被选元素
$(selector).fadeOut():淡出被选元素
$(selector).fadeTo():把被选元素淡出为给定的不透明度
$(selector).animate():对被选元素执行自定义动画

a标签添加点击事件但是不发生页面跳转和刷新

href="javascritp:void(0);"

**获取$(this)子节点对象的方法:find(element) **

      $("#desktop a ").each(function(index){
         var imgurl=$(this).find('img').attr('src');
         alert(imgurl);
        }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容