我在写一个微信墙（一）

早就想写一个微信墙了，毕竟这玩意儿很好用嘛。

一直计划计划计划了一个学期，结果一事无成。有一次跟廖总聊天时候还说，赶紧积累点东西吧，大三了，再不做点什么就真的一事无成一无所有毕业以后废人一个。

写一个微信墙倒也不是什么大事。但好歹做点什么吧。

思路

动手写代码之前当然要先理清思路。

第一个思路：其实没做过任何微信公众平台的功能开发，基于自己简单的了解，最初的想法是将接收消息接口给接上。大概是以前用过的一个免费微信墙的模式，接收特定消息内容，进入微信墙模式。接收之后的所有信息显示到墙上，直到输入特定退出消息内容。

好像这么做是比较正常的。但是缺点是，把消息全部导到自己的数据库之后，自己就得做完完整的一套工具来完成微信正常的其他功能（是这样吧？我也没确认过……）。工作量太大了。事实上并不需要什么自己写的工具去代替微信本身的后台，它的功能很好用，而且在越来越好用。

恰好廖总（又是廖总=。=）在另外一次聊天中提到：我们可不可以写一个可以很轻易复用的东西？不要那么多功能，就是一个网页，有输入框，你进来就可以输入内容，然后给你显示在墙上。于是顺着这个思路想下去，最后产生了第二个思路。

第二个思路：用微信公众号的网页服务，给网页授权获取用户基本信息，将基本信息存入数据库，并设定cookie，让授权成功的用户获得发消息的权限。用户提交表单，微信墙页面用ajax异步更新数据，将最新的用户消息显示在墙上。这样突然就感觉好很多，只需要在公众号后台设置一个授权回调页面域名，以及将AppID和AppSecret作为参数修改入网站源码中，然后便可以随便复用了。

那么最终确定的思路就是思路二了。

结构

思路理了之后，需要大概列一下要做的事情。

决定还是用 Python + Tornado + MongoDB 来写。已经迷上了非关系型数据库。

Handlers：
    MainHandler/微信墙页面
        -渲染微信墙页面
    AuthHandler/获取授权信息
        -接受用户授权参数 code
        -使用 code 换取 access_token（解析json数据）
        -使用 access_token 获取用户信息
        -将用户信息保存到数据库
        -set_cookie
    FormHandler/发送消息用表单
        -渲染发送消息表单
        -接受表单数据，并存入数据库
    ApiHandler/微信墙消息数据接口
        -以json数据格式输出微信墙页面请求的数据

Templates：
    index.html微信墙页面
        -未授权用户
            -显示数据库内容
            -即时更新并显示最新内容
                -从服务器获取json数据
                -解析json数据
                -格式化消息并添加至消息列表中
        -授权用户
            -包括未授权用户功能
            -发送消息（此处的方案是在底部增加一个内联框架，专门用于表单提交，同时不干扰其他内容）
    form.html表单页面
        -将表单提交给FormHandler
    api.html数据接口页面

这篇记录就不写得那么详细了，我把我觉得可能值得记录分享一下的东西总结总结。

1.getJSON()从服务器获取json数据

<script type="text/javascript">
var len=0;//已获取的消息的总数
var cur=0;//当前位置
var data=new Array();//用于存放获取的消息
var lastid=0;//最近获取的消息的id

function messageAdd(){//新增消息函数
    if(cur==len){
        messageData();
        return false;
    }
    var str='<div class=\"event\" id=\"event-'+data[cur][0]+'\" onclick=\"viewOne('+cur+',this);\" style=\"display:none\"><div class=\"label\"><img src=\"'+data[cur][1]+'\"><label>'+data[cur][2]+'</label></div><div class=\"content\"><div class=\"summary\">'+data[cur][3]+'</div></div></div>';
    //格式化消息
    $("#list").prepend(str);
    //将消息增加到列表中
    $("#event-"+data[cur][0]).slideDown();
    //调用jquery函数，显示新消息
    cur++;
    messageData();
}
function messageData(){
    var url='/api';//设置数据接口地址
    $.getJSON(url,{lastid:lastid},function(d) {
    //此处通过get方法传递参数lastid获取最新数据
        if(d['ret']==1){//当获取到数据
            $.each(d['data'], function(i,v){
            data.push(new Array(v['id'],v['avatar'],v['nickname'],v['content']));
            //将获取的json数据添加入data数组
            lastid=v['id'];
            len++;
            });
        }else{
            window.setTimeout('messageData();', 2000);//等待2000毫秒后重新执行该函数
        } 
    });
}
window.onload=function(){
    setInterval(messageAdd,500);//每隔500毫秒执行一次
}
</script>

此处代码可复用于”js获取json数据“，”评论即时更新“

2.异步请求获取信息

class AuthHandler(tornado.web.RequestHandler):
    @tornado.web.asynchronous//记得加上这一句
    def get(self):
        http = tornado.httpclient.AsyncHTTPClient()
        http.fetch("http://127.0.0.1:8002/api?lastid=0",callback=self.on_response)
        //fetch(参数一，参数二)，参数一为获取页面的地址，参数二为回调函数

    def on_response(self, response):
        import json
        if response.error:
            raise tornado.web.HTTPError(500)
        result = json.loads(response.body)
        self.write(result["data"][0]["content"])
        self.finish()

这是使用 Tornado 内置的异步请求 HTTP 客户端来获取数据的例子。

经测试，数据获取功能正常，json数据解析正常。可复用。

3.转化并输出json数据

import json //引入json包
if response.error://当发生错误时，请求出现错误提示500
    raise tornado.web.HTTPError(500)
result = json.loads(response.body)
self.write(result["data"][0]["content"])
json.loads(json数据)：将数据从json类型向python原始类型转化。

不需要进行特殊处理的话，没必要对json数据做“解析”。

转化好的数据可以直接通过下标进行操作，例如：

result = [[1, 2, 3], 123, u'abc', {u'key2': [4, 5, 6], u'key1': [1, 2, 3]}]

我们要输出key2列表中的第二个元素5：result[3][“key2″][1]。（要记得下标从0开始）

先写到这里，待续吧。

睡觉了。

早上修改了些许内容。就等拿一个公众账号测试了=。=。现在去把请求构造好，@杨老板求给力。