openresty聊天室的helloworld

openresty的websocket + redis的subscribe

参考
https://blog.csdn.net/orangleliu/article/details/50898014
利用redis的subscribe
参考 http://www.runoob.com/redis/pub-sub-subscribe.html

安装redis
brew install redis
安装openresty：

brew install openssl  

  
./configure --prefix=/usr/local/openresty --with-openssl=/usr/local/Cellar/openssl/1.0.2o_1  
make  
make install

openssl还是有问题 shared等
参考
https://blog.csdn.net/csdncqmyg/article/details/73835354

bundle/nginx-x-x-x(版本号)/auto/lib/openssl/conf
把.openssl删掉，只删这个单词

nginx调用的lua模块
ws_resdis_json.lua

local server = require "resty.websocket.server"
local redis = require "resty.redis"

local cjson = require "cjson"

--local channel_name = "chat"
local msg_id = 0
local wb, err = server:new{
  timeout = 10000,
  max_payload_len = 65535
}
if not wb then
  ngx.log(ngx.ERR, "failed to new websocket: ", err)
  return ngx.exit(444)
end

function creatChanel(channel_name)
	push = function()
	    -- --create redis
	    local red = redis:new()
	    red:set_timeout(5000) -- 1 sec
	    local ok, err = red:connect("127.0.0.1", 6379)
	    if not ok then
	        ngx.log(ngx.ERR, "failed to connect redis: ", err)
	        wb:send_close()
	        return
	    end

	    --sub
	    local res, err = red:subscribe(channel_name)
	    if not res then
	        ngx.log(ngx.ERR, "failed to sub redis: ", err)
	        wb:send_close()
	        return
	    end

	    -- loop : read from redis
	    while true do
	        local res, err = red:read_reply()
	        if res then
	            local item = res[3]
	            local bytes, err = wb:send_text(tostring(msg_id).." "..item)
	            if not bytes then
	                -- better error handling
	                ngx.log(ngx.ERR, "failed to send text: ", err)
	                return ngx.exit(444)
	            end
	            msg_id = msg_id + 1
	        end
	    end
	end


	co = ngx.thread.spawn(push)
end

--main loop
while true do
    local data, typ, err = wb:recv_frame()

    if wb.fatal then
        ngx.log(ngx.ERR, "failed to receive frame: ", err)
        return ngx.exit(444)
    end

    if not data then
        local bytes, err = wb:send_ping()
        if not bytes then
          ngx.log(ngx.ERR, "failed to send ping: ", err)
          return ngx.exit(444)
        end
        ngx.log(ngx.ERR, "send ping: ", data)
    elseif typ == "close" then
        break
    elseif typ == "ping" then
        local bytes, err = wb:send_pong()
        if not bytes then
            ngx.log(ngx.ERR, "failed to send pong: ", err)
            return ngx.exit(444)
        end
    elseif typ == "pong" then
        ngx.log(ngx.ERR, "client ponged")
    elseif typ == "text" then
		--local json_str = '{"name": "Bruce.Lin", "age": 25}'
		local json_str = data
   		local json = cjson.decode(json_str)

    	local channel_name = json["name"]
    	creatChanel(channel_name)

        --send to redis
        local red2 = redis:new()
        red2:set_timeout(1000) -- 1 sec
        local ok, err = red2:connect("127.0.0.1", 6379)
        if not ok then
            ngx.log(ngx.ERR, "failed to connect redis: ", err)
            break
        end
        local res, err = red2:publish(channel_name, data)
        if not res then
            ngx.log(ngx.ERR, "failed to publish redis: ", err)
        end
    end
end

wb:send_close()
ngx.thread.wait(co)

nginx的配置文件
加入

	location = /sredis {
    	    content_by_lua_file conf/lua/ws_redis_json.lua;
    	}

客户端代码

<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <script type="text/javascript">
    var ws = null;

    function WebSocketConn() {
        if (ws != null && ws.readyState == 1) {
            log("已经在线");
            return
        }

        if ("WebSocket" in window) {
            // Let us open a web socket
            ws = new WebSocket("ws://localhost/sredis");

            ws.onopen = function() {
                log('成功进入聊天室');
            };

            ws.onmessage = function(event) {
                log(event.data)
            };

            ws.onclose = function() {
                // websocket is closed.
                log("已经和服务器断开");
            };

            ws.onerror = function(event) {
                console.log("error " + event.data);
            };
        } else {
            // The browser doesn't support WebSocket
            alert("WebSocket NOT supported by your Browser!");
        }
    }

    function SendMsg() {
        if (ws != null && ws.readyState == 1) {
            var msg = document.getElementById('msgtext').value;
            ws.send(msg);
        } else {
            log('请先进入聊天室');
        }
    }

    function WebSocketClose() {
        if (ws != null && ws.readyState == 1) {
            ws.close();
            log("发送断开服务器请求");
        } else {
            log("当前没有连接服务器")
        }
    }

    function log(text) {
        var li = document.createElement('li');
        li.appendChild(document.createTextNode(text));
        document.getElementById('log').appendChild(li);
        return false;
    }
    </script>
</head>

<body>
	{"name": "Bruce.Lin", "age": 25}
    <div id="sse">
        <a href="javascript:WebSocketConn()">进入聊天室</a> &nbsp;
        <a href="javascript:WebSocketClose()">离开聊天室</a>
        <br>
        <br>
        <input id="msgtext" type="text">
        <br>
        <a href="javascript:SendMsg()">发送信息</a>
        <br>
        <ol id="log"></ol>
    </div>
</body>

</html>

测试，进入聊天室
{"name": "Bruce.Lin", "age": 25}

name就是发给聊天室的name

openresty聊天室的helloworld

猜你喜欢