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

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

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

思路

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

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

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

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

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

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

结构

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

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

Handlers：MainHandler/微信墙页面-渲染微信墙页面AuthHandler/获取授权信息-接受用户授权参数 code-使用 code 换取 access_token（解析json数据）-使用 access_token 获取用户信息-将用户信息保存到数据库-set_cookieFormHandler/发送消息用表单-渲染发送消息表单-接受表单数据，并存入数据库ApiHandler/微信墙消息数据接口-以json数据格式输出微信墙页面请求的数据Templates：index.html微信墙页面-未授权用户-显示数据库内容-即时更新并显示最新内容-从服务器获取json数据-解析json数据-格式化消息并添加至消息列表中-授权用户-包括未授权用户功能-发送消息（此处的方案是在底部增加一个内联框架，专门用于表单提交，同时不干扰其他内容）form.html表单页面-将表单提交给FormHandlerapi.html数据接口页面

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

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

<script type="text/javascript">
var len=0;//已获取的消息的总数
var cur=0;//当前位置
var data=new Array();//用于存放获取的消息
var lastid=0;//最近获取的消息的idfunction 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 jsonif 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://当发生错误时，请求出现错误提示500raise 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开始）

先写到这里，待续吧。

睡觉了。

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