router 是一个比较方便的 openresty 路由组件，我们可以用来编写灵活强大的 web 应用，类似的
lua-resty-route 也是很不错的，但是如果是比较简单的直接可以使用 lua-resty-template
备注： 测试环境使用docker-compose

环境准备

  • docker-compose 文件
version: "3"

services:

  router:

    build: ./

    volumes:

    - "./nginx_lua/:/opt/app/"

    - "./nginx.conf:/usr/local/openresty/nginx/conf/nginx.conf"

    ports:

    - "8080:80"
  • nginx.conf
    包含了template 以及router 的使用
worker_processes 1;

user root;

events {

    worker_connections 1024;

}

http {

    include mime.types;

    default_type application/octet-stream;

    sendfile on;

    keepalive_timeout 65;

    lua_code_cache off;

    lua_need_request_body on;

    gzip on;

    resolver 127.0.0.11 ipv6=off;

    real_ip_header X-Forwarded-For;

    real_ip_recursive on;

    lua_package_path '/opt/app/?.lua;;';

    init_by_lua_block {

       template = require "resty.template"

     }

    server {

        listen 80;

        server_name localhost;

        charset utf-8;

        default_type text/html;

        location / {

           default_type text/plain;

           content_by_lua_block {

               require("web/init")()

           }

        }

        location /userlogin {

           set $template_root /opt/app/static;

           content_by_lua_block {

               require("web/jquery")();

           }

        }

        location /usercom {

             set $template_root /opt/app/static;

             content_by_lua_block {

               require("web/com")();

             }

        }

        location = /favicon.ico {

            root /opt/app/static;

        }

        error_page 500 502 503 504 /50x.html;

        location = /50x.html {

            root html;

        }

    }

}
  • dockerfile
    安装lua 包
FROM openresty/openresty:alpine-fat

LABEL author="1141591465@qq.com"

RUN /usr/local/openresty/luajit/bin/luarocks install luacheck

RUN /usr/local/openresty/luajit/bin/luarocks install busted

RUN /usr/local/openresty/luajit/bin/luarocks install luacov

RUN /usr/local/openresty/luajit/bin/luarocks install luacov-coveralls

RUN /usr/local/openresty/luajit/bin/luarocks install router

RUN /usr/local/openresty/luajit/bin/luarocks install lua-resty-template

EXPOSE 80

router && template 代码

  • router
    nginx_lua/web/init.lua router 的路由编写还是很清晰的，按照http verb 很清晰
local router = require 'router'

function init()

      local r = router.new()

      r:match({

        GET = {

          ["/hello"] = function(params) ngx.print("someone said hello") end,

          ["/hello/:name"] = function(params) ngx.print("hello, " .. params.name) end,

          ["/"] = function(params) ngx.say([[demo app rong]]) end

        },

        POST = {

          ["/app/:id/comments"] = function(params)

            ngx.print("comment " .. params.comment .. " created on app " .. params.id)

          end

        }

      })

      local ok, errmsg = r:execute(

        ngx.var.request_method,

        ngx.var.request_uri,

        ngx.req.get_uri_args(), -- all these parameters

        ngx.req.get_post_args(), -- will be merged in order

        {other_arg = 1}) -- into a single "params" table

      if ok then

        ngx.status = 200

      else

        ngx.status = 404

        ngx.print("Not found!")

        ngx.log(ngx.ERROR, "some wrong")

      end

end

return init

template 代码，这个主要是需要配置几变量，指定模板文件的位置，如下：

location /userlogin {

           set $template_root /opt/app/static;

           content_by_lua_block {

               require("web/jquery")();

           }

}

template render 代码,template 使用了全局变量，在init 阶段初始化

init_by_lua_block {

       template = require "resty.template"

}

render 处理
nginx_lua/web/juqey.lua

function init()

    template.render(

        "index.html",

        {

            message = "Hello, World!",

            jquery = '<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>'

        }

    )

end

return init

view 模板
nginx_lua/static/index.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>index page demo</title>

</head>

<body>

    {{message}}

    {*jquery*}

    <script >

        $(document).ready(function(){

            alert("is ok")

        })

    </script>

</body>

</html>

运行效果

  • 启动
docker-compose up -d
curl -i http://localhost:8080

HTTP/1.1 200 OK

Server: openresty/1.13.6.2

Date: Thu, 24 Jan 2019 00:29:35 GMT

Content-Type: text/plain; charset=utf-8

Transfer-Encoding: chunked

Connection: keep-alive

demo app rong

view template:

curl -i http://localhost:8080/userlogin

HTTP/1.1 200 OK

Server: openresty/1.13.6.2

Date: Thu, 24 Jan 2019 00:30:19 GMT

Content-Type: text/html; charset=utf-8

Transfer-Encoding: chunked

Connection: keep-alive

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <title>index page demo</title>

</head>

<body>

    Hello, World!

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

    <script >

        $(document).ready(function(){

            alert("is ok")

        })

    </script>

</body>

说明

openresty 的开发还是很方便的，可以帮助我们解决好多实际中的问题。简单高效

参考资料

https://github.com/rongfengliang/openrety-router-docker-compose
https://github.com/bungle/lua-resty-route
https://github.com/APItools/router.lua
https://github.com/bungle/lua-resty-template

 
 
 
 

openresty router && template 试用的更多相关文章

  1. skipper http router 简单试用

    说明: 使用源码编译,注意需要FQ,以及golang版本的问题,新版使用的是go mod 进行依赖管理 环境准备 clone 代码 git clone https://github.com/zalan ...

  2. vue router路由（三）

    当环境搭建及Vue语法与指令都有所了解,该说下router. build目录是打包配置文件 (不建议动) config是vue项目基本配置文件 dist是构建后文件 js 手动创建 (根据需要) no ...

  3. Vue Router的配置

    1.beforeEnter function requireAuth (route, redirect, next) { if (!auth.loggedIn()) { redirect({ path ...

  4. Vue全家桶（Vue-cli、Vue-route、vuex）

    摘要 学习本篇之前要具备一定的vue基础知识,可以先看一下Vue基础(环境配置.内部指令.全局API.选项.内置组件) 1.Vue-cli Vue-cli是vue官方出品的快速构建单页应用的脚手架,这 ...

  5. 重开Vue2.0

    目录: 内容: 一.Vue内部指令: 1.v-if v-else&v-show v-if与v-show都是选择性显示内容的指令,但是二者之间有区别: 1.v-if:判断是否加载,在需要的时候加 ...

  6. vue-cli 脚手架分析

    Vue-cli 一.安装vue-cli 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装.你可以在命令行工具里输入npm -v  检测你是否安装了npm和 ...

  7. vue-cli 搭建

    一.安装vue-cli 安装vue-cli的前提是你已经安装了npm,安装npm你可以直接下载node的安装包进行安装.你可以在命令行工具里输入npm -v  检测你是否安装了npm和版本情况.出现版 ...

  8. Vue.js学习笔记（2）vue-router

    vue中vue-router的使用:

  9. CloudStack全局参数

    {     "listconfigurationsresponse": {         "count": 305,         "config ...

随机推荐

  1. 四：（之一和之二） docker架构和底层技术分析（C/S架构）

    1.架构和底层技术 Docker Host提供了RESTUL api,使docker client可以通过这些命令调用dockerd. Registry是一个公用的存储镜像的容器,类似于github. ...

  2. 深入margin

    1.外边距叠加 外边距叠加是指两个垂直外边距相遇时,这两个外边距会合并成一个外边距,就是二变一,关键是叠加后的外边距会取值两个外边距最大的那个: 例子如下:创建A.B两个盒子,A定义一个margin- ...

  3. jmeter4.0 源码编译 二次开发

    准备: 1.jmeter4.0源码 - apache-jmeter-4.0_src.zip 2.IDE Eclipse - Oxygen.3 Release (4.7.3) 3.JDK - 1.8.0 ...

  4. HashMap和Hashtable有什么区别？

    HashMap和Hashtable都是实现Map接口的,但是: 1.HashMap允许键和值都是null的,而Hashtable不允许键和值为null 2.Hashtable是同步的,而HashMap ...

  5. Dll重定向（尚存否？）

    windows核心编程(第五版)的20.6节介绍了Dll重定向. 0x01  Dll重定向简介 产生Dll重定向原因: 应用程序 a.exe 依赖动态链接库 compoent.dll 1.0 版本.但 ...

  6. DevExpress v18.1新版亮点——CodeRush for VS篇（一）

    用户界面套包DevExpress v18.1日前正式发布,本站将以连载的形式为大家介绍各版本新增内容.本文将介绍了CodeRush for Visual Studio v18.1 的新功能,快来下载试 ...

  7. iframe 常见问题 解析

    1. jquery在iframe子页面获取父页面元素代码如下: $("#objid",parent.document) 2. jquery在父页面获取iframe子页面的元素代码如 ...

  8. VS2012里面使用EF框架的增删改查和分页的方法

    public class BaseRepository<T> where T : class    {        //实例化EF框架        DataModelContainer ...

  9. Python 黏包及黏包解决方案

    粘包现象 说粘包之前,我们先说两个内容,1.缓冲区.2.windows下cmd窗口调用系统指令 1 缓冲区(下面粘包现象的图里面还有关于缓冲区的解释) 每个 socket 被创建后,都会分配两个缓冲区 ...

  10. 前端笔记 （2.CSS）

    知识点借鉴于慕课网,菜鸟教程和w3shool CSS方面: CSS全称为“层叠样式表”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小.颜色.字体加粗等. 使用CSS样式的一个好处是通过 ...