Nginx+Lua+MySQL/Redis实现高性能动态网页展现

MavenTalker

发布于 2023-03-08 16:01:23

4060

发布于 2023-03-08 16:01:23

文章被收录于专栏：歪脖贰点零歪脖贰点零

Nginx结合Lua脚本，直接绕过Tomcat应用服务器，连接MySQL/Redis直接获取数据，再结合Lua中Template组件，直接写入动态数据，渲染成页面，响应前端，一次请求响应过程结束。最终达到下图的一个效果。

OpenResty组件

OpenResty的自带组件库默认已经集成了相当实用的组件，http://openresty.org/cn/components.html，如下所示：

LuaCjsonLibrary
LuaRestyMemcachedLibrary
LuaRestyMySQLLibrary
LuaRestyRedisLibrary
LuaRestyWebSocketLibrary
LuaRestyLimitTrafficLibrary
其它等等

Lua-mysql 连接mysql

Lua直接连接MySQL的代码，再结全上一篇中连接Redis的代码，可以完成从后端动态的索取数据。

--测试连接mysql，获取数据
local function close_db(db)
    if not db then
        return
    end
    db:close()
end
//引入mysql组件
local mysql = require("resty.mysql")
local json = require("dkjson")

local db, err = mysql:new()
if not db then
    ngx.say("error : ", err)
    return
end

db:set_timeout(1000)

local props = {
    host = "192.168.1.104",
    port = 3306,
    database = "sonar",
    user = "root",
    password = "root"
}

local res, err, errno, sqlstate = db:connect(props)

if not res then
   ngx.say("connect error : ", err, " , errno : ", errno, " , sqlstate : ", sqlstate)
   return close_db(db)
end

local select_sql = "select * from dashboards"
res, err, errno, sqlstate = db:query(select_sql)
if not res then
   ngx.say("select error : ", err, " , errno : ", errno, " , sqlstate : ", sqlstate)
   return close_db(db)
end

for i, row in ipairs(res) do  
   for name, value in pairs(row) do  
     ngx.say("select row =", i, " : ", name, " = ", value, "<br/>")  
   end  
end  

close_db(db)

Lua-template 模板技术

通过Lua从后端动态取数，需要将数据渲染到静态页面，此时需要引入Template组件，该组件已经在OpenResty中引入，所以勿须再次安装，直接使用即可。

--测试template组件，填充一些变量数据
local template = require("resty.template") 

local context = {who = "guooo",from="usgrouping",jsons= {aaaa=123,bbbbb=23234}}  
//此处可调用mysql/redis，一同将数据写入template3.html文件中
template.render("template3.html", context)

再看下静态页面模板长什么样：

{(header.html)}  
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="usgrouping">
  <meta name="Keywords" content="usgrouping,guooo">
  <title>lua-template test</title>
 </head>
 <body>
   <div>你好{{who}}，this is template page 3</div>
  <br/>
   <div>欢迎关注公众号：{{from}}</div>
    <br/>
    <br/>
      {{jsons}}
 </body>
</html>
{(footer.html)}  

其中header.html及footer.html是常用的头部和底部文件，这里只是简单的文本展示

经过上面的两大步，基本上就完成了动态数据经由Lua直接处理渲染成静态页面响应给前端，大大提高了执行效率。