通过OpenResty+Redis+MySQL+Lua脚本实现对首页轮播图的优化

 首先我们在没有使用任何的优化前提下,前端首页的响应时间大概在6秒钟,这在测试的人员看来,根据258原则,响应效率明显是有待提高的。这里简单的提一下什么是258原则:

2秒钟之内响应用户是非常好的。
2-5秒钟之内响应用户是可以接受的。
5-8秒钟是用户能接受的响应的上限。
>8秒钟是比较糟糕的,用户会选择离开这个Web站点或发起第二次请求。

我们6秒的响应时间已经岌岌可危了,因此需要进一步的优化;
第一次优化:加Redis缓存
优点:它的好处是减轻了数据库的并发压力,提高了查询的效率。
缺点:当然也有redis缓存的并发问题,这里就不细说了,见我的另一篇文章有详细的说明:Redsi缓存的并发问题。

大致的执行流程图:

绕过Tomcat 直接去OpenResty中的nginx缓存中获取数据,nginx先去redis缓存中读取;

这里更新缓存可以加一个socket编程方式去定时任务完成,就不具体说了。 

接下来说一下怎么使用OpenResty连接Redis服务和MySQL服务。

首先我们将Linux版本的Redis启动

进入Redis安装的src目录下 用启动命令启动服务:(带配置文件启动)

./redis-server ../redis.conf

 得到这个界面说明启动成功了

我们需要安装Lua;

Linux系统安装:

curl -R -O http://www.lua.org/ftp/lua-5.3.0.tar.gz
tar zxf lua-5.3.0.tar.gz
cd lua-5.3.0
make linux test
make install

这里就不多介绍Lua脚本了,接下来我们需要去已经安装好的OpenResty的Nginx目录的conf目录下新建一个lua文件夹;命令

mkdir lua

cd lua 进入文件夹 然后创建一个文件直接用 vim redis.lua 快捷新建文件

编写Lua脚本测试连接Redis

--测试连接redis的lua脚本
local redis = require "resty.redis"
local red = redis:new()
red.set_timeout(2000)
local ok, err = red:connect("192.168.64.200,6379")
if not ok then
    ngx.say("connect error: ", err)
    return
end
ngx.say("connected to redis successfully!")

提一下:连接ip是根据Redis是Linux话说windows来配置的,我的是在Linux下所以这是我的虚拟机的IP地址;

 编写完后我们 cd ..退出到Nginx中 vim nginx.conf  文件

添加一下配置:

     server{
        listen 8077;
        server_name localhost;
      location /redis {
        default_type text/html;
        charset utf-8;
        content_by_lua_file conf/lua/redis.lua;
        }
   }

配置端口名和访问地址 在文件的最下方添加即可。

保存后,出来重新启动nginx

命令:

nginx -s reload

然后去访问地址:"你的IP:端口/redis"

 连接成功!

接着是MySQL:

同样的操作

创建lua脚本,进入编写模式:我用的是windows的MySQL 因此 测试连接时需要关闭Linux的防火墙

暂时关闭防火墙的命令:

systemctl stop firewalld
-- 测试连接mysql的lua脚本
local mysql = require "resty.mysql"
local db = mysql:new()
db:set_timeout(2000)
local ok, err = db:connect {
    host = "对应的IP地址linux就用Linux-ip,windows就用本机ip",
    port = 3306,
    database = "对应的数据库名称",
    user = root,
    password = root,
    charset = "utf8"
}
if not ok then
    ngx.say("failed to connect: ", err)
    return
end
ngx.say("connected to mysql successfully!")

 编写完后我们 cd ..退出到Nginx中 vim nginx.conf  文件

添加配置:

server{
        listen 8076;
        server_name localhost;
      location /mysql {
        default_type text/html;
        charset utf-8;
        content_by_lua_file conf/lua/mysqld.lua;
        }
   }

保存后,出来重新启动nginx   nginx -s reload 保存文件

接着我们需要将数据库中系统自带的mysql库中user表里的uer名为root的字段的前面的localhost改为%:允许连接

同样测试连接:成功!

提一下本人遇到的问题:连不上MySQL可以尝试管理员身份启动cmd 重启MySQL 

命令 :停止

net stop mysql

 重启:

net start mysql

再尝试测试连接。

接着写跟新的lua脚本:

-- 读取redis缓存(缓存预热)
-- 首先获取uri中的sid值
local uri_args = ngx.req.get_uri_args()
local sid = uri_args["sid"]
-- 接着连接MySQL数据库
local mysql = require "resty.mysql"
local db = mysql:new()
db:set_timeout(2000)
local ok, err = db:connect {
    host = "对应的IP地址linux就用Linux-ip,windows就用本机ip",
    port = 3306,
    database = "对应的数据库名称",
    user = root,
    password = root,
    charset = "utf8"
}
if not ok then
    ngx.say("failed to connect: ", err)
    return
end
ngx.say("connected to mysql successfully!")
-- 去查询数据库
-- 按区域编号查询轮播图表
local res, err = db:query("select * from promotion_ad where space_id=" .. sid)
if not res then
    ngx.say("bad result: ", err)
    return
end
db:close()
-- 结果转换为json
local cjson = require "cjson"
ngx.say("res->", cjson.encode(res))
-- 连接redis
local redis = require "resty.redis"
local red = redis:new()
red:set_timeout(2000)
local ok, err = red:connect("192.168.64.200", 6379)
if not ok then
    ngx.say("connect error: ", err)
    return
end
-- 保存到redis
red:set("ad_space_" .. sid, cjson.encode(res))
red:close()
ngx.say("updated redis")

我这里是根据sid去查询广告 具体的可以在sql部分替换。

配置nginx.conf:把后面的ad_load和代理一起配置了

server{
        listen 8011;
         server_name localhost;
         default_type 'application/json;charset=utf8';
         charset utf-8;

      location /ad_update {
        default_type text/html;
        content_by_lua_file conf/lua/ad_update.lua;
        }
      location /ad_load {
        default_type text/html;
        content_by_lua_file conf/lua/ad_load.lua;
        }

      location /{

        root            html;
        index           index.html index.html;
        proxy_pass      http://192.168.110.25:8080/;
        }


 }

同样的步骤,退出保存 执行 nginx -s reload 

接着访问地址:查询到结果

此时已经将我们需要的数据加载到redis缓存中了,这就是缓存预热的一个过程;

接着我们去读取redis中的数据;

同样写lua脚本:

--更新redis数据库中的缓存
--id参数
local uri_args = ngx.req.get_uri_args()
local sid = uri_args["sid"]
-- 读取内部缓存
local cache = ngx.shared.dis_cache:get('ad_space_'..sid)
if cache == nil then
    -- 内部缓存没有读取redis
    local redis = require "resty.redis"
    local red = redis:new()
    red:set_timeout(2000)
    local ok, err = red:connect("192.168.64.200", 6379)
    local res = red:get('ad_space_'..sid)
    ngx.say(res)
    red:close()
    -- 保存到内部缓存
    ngx.shared.dis_cache:set('ad_space_'..sid, res, 10*60);
else
    ngx.say(cache)
end

 查询到数据:

这是用已经配好的nginx.conf配置中的路径;

介绍一下最下面的proxy_pass 配置的跨域:后面的IP和端口是前端vue启动后的地址:

接着我们需要替换调原来调取后端的url:改成我们刚刚配置的路径;

 

接着我们需要去执行vue的build:npm run build 

执行完后在目录会生成一个dist

我们将它复制到桌面,再通过Xshell 传到

 

一般将它上传到这个目录即可;

然后访问 虚拟机的IP:加刚刚配置的端口即可访问即可达到效果。

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


学习编程是顺着互联网的发展潮流,是一件好事。新手如何学习编程?其实不难,不过在学习编程之前你得先了解你的目的是什么?这个很重要,因为目的决定你的发展方向、决定你的发展速度。
IT行业是什么工作做什么?IT行业的工作有:产品策划类、页面设计类、前端与移动、开发与测试、营销推广类、数据运营类、运营维护类、游戏相关类等,根据不同的分类下面有细分了不同的岗位。
女生学Java好就业吗?女生适合学Java编程吗?目前有不少女生学习Java开发,但要结合自身的情况,先了解自己适不适合去学习Java,不要盲目的选择不适合自己的Java培训班进行学习。只要肯下功夫钻研,多看、多想、多练
Can’t connect to local MySQL server through socket \'/var/lib/mysql/mysql.sock问题 1.进入mysql路径
oracle基本命令 一、登录操作 1.管理员登录 # 管理员登录 sqlplus / as sysdba 2.普通用户登录
一、背景 因为项目中需要通北京网络,所以需要连vpn,但是服务器有时候会断掉,所以写个shell脚本每五分钟去判断是否连接,于是就有下面的shell脚本。
BETWEEN 操作符选取介于两个值之间的数据范围内的值。这些值可以是数值、文本或者日期。
假如你已经使用过苹果开发者中心上架app,你肯定知道在苹果开发者中心的web界面,无法直接提交ipa文件,而是需要使用第三方工具,将ipa文件上传到构建版本,开...
下面的 SQL 语句指定了两个别名,一个是 name 列的别名,一个是 country 列的别名。**提示:**如果列名称包含空格,要求使用双引号或方括号:
在使用H5混合开发的app打包后,需要将ipa文件上传到appstore进行发布,就需要去苹果开发者中心进行发布。​
+----+--------------+---------------------------+-------+---------+
数组的声明并不是声明一个个单独的变量,比如 number0、number1、...、number99,而是声明一个数组变量,比如 numbers,然后使用 nu...
第一步:到appuploader官网下载辅助工具和iCloud驱动,使用前面创建的AppID登录。
如需删除表中的列,请使用下面的语法(请注意,某些数据库系统不允许这种在数据库表中删除列的方式):
前不久在制作win11pe,制作了一版,1.26GB,太大了,不满意,想再裁剪下,发现这次dism mount正常,commit或discard巨慢,以前都很快...
赛门铁克各个版本概览:https://knowledge.broadcom.com/external/article?legacyId=tech163829
实测Python 3.6.6用pip 21.3.1,再高就报错了,Python 3.10.7用pip 22.3.1是可以的
Broadcom Corporation (博通公司,股票代号AVGO)是全球领先的有线和无线通信半导体公司。其产品实现向家庭、 办公室和移动环境以及在这些环境...
发现个问题,server2016上安装了c4d这些版本,低版本的正常显示窗格,但红色圈出的高版本c4d打开后不显示窗格,
TAT:https://cloud.tencent.com/document/product/1340