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. vue-11-自定义指令

    用于对纯 DOM 元素进行底层操作. // 注册一个全局自定义指令 v-focus Vue.directive('focus', { // 当绑定元素插入到 DOM 中. inserted: func ...

  2. 20165214 实验一 Java开发环境的熟悉

    20165214 实验一 Java开发环境的熟悉 一.实验报告封面 课程:Java程序设计 班级:1652班 姓名:朱文远 学号:20165214 指导教师:娄嘉鹏 实验日期:2018年4月2日 实验 ...

  3. linux内核工作队列使用总结

    我总结出的内核工作队列中的4种用法 1. 使用系统的工作队列(不延迟) 1)定义一个工作: struct work_struct my_work; 2)编写一个函数: void my_work_fun ...

  4. shell脚本实例-while实现批量创建用户

    #!/usr/bin/bash while read line #读取一行结果 do if [ ${#line} -eq 0 ];then #如果有空行的话就跳过这次循环 contiune fi us ...

  5. 10.3.1 iOS启动画面横屏是怎么回事？

    产生这个问题的原因是编译旧版Delphi建立的项目,二种解决方法: 1.用 10.3.1 重建空工程,再把使用的单元文件重新加进来.这个操作有点麻烦,尤其对于使用单元多的文件,不过,有种方法,就是先把 ...

  6. python-web-django前后端交互

    1.前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端. 若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数(即URL请求的参数). ...

  7. 2019-03-08-day007-深浅拷贝

    01 昨日内容回顾 is 两者之间的id是否相同 == 两边的数值是否相等 id 获取该对象的内存地址 代码块: 一个文件,交互式命令行:一行是个一个代码块. 同一代码块下: 字符串的缓存机制,驻留机 ...

  8. Day7作业及默写

    1. 判断一个数是否是水仙花数, 水仙花数是一个三位数, 三位数的每一位的三次方的和还等于这个数. 那这个数就是一个水仙花数. 例如: 153 = 1**3 + 5**3 + 3**3 InputNu ...

  9. HDU 6075 Questionnaire 17多校4 水题

    Problem Description In order to get better results in official ACM/ICPC contests, the team leader co ...

  10. SEGMENTATION FAULT IN LINUX 原因与避免

    https://www.cnblogs.com/no7dw/archive/2013/02/20/2918372.html