redis,nodejs,php,pub/sub 实战: 微信语音识别

2015年5月22日 20:20:20 星期五

效果:

这边对微信说话,  浏览器端及时显示语音识别的文字

注意:

在连接socket.io时, 按下浏览器f12, 如果一直有请求不断的刷, 说明socket.io没有连接成功

代码:

node.js server端

 var module_path = '/usr/local/web/node/bin/node_modules/';
 var html = '<html> <head> <meta charset="utf-8"> <title>微信接口</title> <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script> <script src="http://cdn.bootcss.com/socket.io/1.3.5/socket.io.js"></script> </head> <body> <div id="voice"> 语音识别:<br><br> </div> <script type="text/javascript"> var voice = document.getElementById("voice"); var socket = io.connect("http://www.zhangzhibin.com:1337"); socket.on("hello", function(data){console.log(data); socket.emit("hello", {"status":"ok"}); }); socket.on("emit", function(data){var t = data+"<br>"; voice.innerHTML += t; socket.emit("emit", {"get":"data"}); }); </script> </body> </html>';
 //链接redis
 var redis = require(module_path+'redis');
 var redis_client = redis.createClient(6379, '127.0.0.1');
 redis_client.auth('123456');
 redis_client.on('error', function(error){
     console.log('redis-error: ' + error);
 });

 //创建服务器
 var http = require('http');
 var url = require('url');
 var fs = require('fs');
 var ch = false;
 var server = http.createServer(function (req, res) {
     //获取请求参数
     var objReqArg = url.parse(req.url, true).query;
     ch = objReqArg.openid;
     if (ch) {
         redis_client.subscribe(ch, function(e){
             console.log('channel: '+ ch);
         });
     };
     //返回
     res.writeHead(200, {'Content-Type': 'text/html'});
     res.end(html);

 });
 server.listen(1337, 'www.zhangzhibin.com');

 //创建服务器
 var io = require(module_path + 'socket.io').listen(server);
 io.sockets.on('connection', function(socket){
     socket.on('hello', function(data){
         console.log(data);
     });
     socket.emit('hello', function(data){
         console.log(data);
     });
     redis_client.on('message', function(error, msg){
         socket.emit('emit', msg);
     });
 });

 console.log('Server running at http://www.zhangzhibin.com:1337');

浏览器端html代码:

就是上边代码的第二行变量 var html='....'

 <html>
     <head>
         <meta charset="utf-8">
         <title>微信接口</title>
         <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
         <script src="http://cdn.bootcss.com/socket.io/1.3.5/socket.io.js"></script>
     </head>
     <body>
     <div id="voice"> 语音识别:<br><br> </div>
     <script type="text/javascript">
         var voice = document.getElementById("voice");
         var socket = io.connect("http://www.zhangzhibin.com:1337");
         socket.on("hello", function(data){ console.log(data);  socket.emit("hello", {"status":"ok"}); });
         socket.on("emit", function(data){ var t = data+"<br>"; voice.innerHTML += t; socket.emit("emit", {"get":"data"}); });
     </script>
     </body>
 </html>

微信端:

注意一点, 在语音回调函数中, 将语音识别的结果publish到某一个频道上即可

这时, 会触发上边第41行代码, 将文字发完浏览器端

下边是微信回调的代码:

     public function voice()
     {
         // 每次发送消息都会post 来一份签名相关的数据
         // $echostr = $this->checkSignature();
         // exit($echostr);

         preg_match('#<FromUserName><!\[CDATA\[([a-zA-Z0-9_]+)\]#', $GLOBALS['HTTP_RAW_POST_DATA'], $matches1);
         preg_match('#<Recognition><!\[CDATA\[([^\]]*)\]#', $GLOBALS['HTTP_RAW_POST_DATA'], $matches2);
         $openid = !empty($matches1[1]) ? $matches1[1] : '0';
         $text = !empty($matches2[1]) ? $matches2[1] : '没听清...';

         $objRedis = iredis::getInstance();
         $objRedis->publish($openid, $text);

     }

测试方法:

1. 关注我的微信公众号"xxx"

2. 发送消息"主播_username"

3. pc端打开 http://www.zhangzhibin.com/wechat/index/zhubolist

4. 点击你刚才输入的用户名, 进入你的对话页面

5. 对微信发送语音消息, 即可在刚才的浏览器页面看到语音识别结果

冷知识点:

php流处理

$_POST 无法解释二进制流，需要用到 $GLOBALS['HTTP_RAW_POST_DATA'] 或 php://input

$content = $GLOBALS['HTTP_RAW_POST_DATA'];  // 需要php.ini设置

$content = file_get_contents('php://input'); // 不需要php.ini设置，内存压力小