wd and cc

注意

下面的代码大都从现有程序里面扒出来的，所以不一定直接就能用，只是个示意而已。

$ cd ngx_openresty-1.0.6.22
$ ./configure --with-http_drizzle_module --with-http_postgres_module --with-pg_config=/opt/pg90/bin/pg_config --prefix=/usr/local/openresty --with-libdrizzle=/usr/local/libdrizzle/ --with-luajit --with-http_iconv_module # 这是我用到的参数，按照需要加减
$ make
# make install

    upstream pgsql {
        postgres_server server_ip:5432 dbname=test password=123 user=test;
        #postgres_keepalive  max=2 mode=single overflow=reject;
        postgres_keepalive off;
    }

# server 里面增加一个 location

       location /=/pv {
            postgres_query 'select thedate, pv from pv';
            postgres_pass pgsql;

            rds_json on;
            rds_json_format compact;

            xss_get on;
            xss_callback_arg '_c';
        }

1. 其中关于 upstream postgres 用来定义需要连接的数据库信息，和发送 sql 到数据库，可以参考 这里。
2. rds_json 用来将数据库的输出变成 json 格式，可以参考 这里 。
3. xss_get 用来支持跨域，jquery 默认使用的 callback 参数是 _c，可以参考 这里。

    $.ajax({
        url : 'http://your_ip/=/pv',
        success: function (data) {
            renderPvCharts(data);
        }
    });

    function renderPvCharts(data) {
        $('body').append('

        var result = Utils.getSplineChartSeries( data ); # 将 nginx 返回的 json 格式数据转化为 highcharts 需要的格式
        var options = {
			chart: {
                zoomType: 'xy',
				renderTo: 'pv', # div 的 id
				defaultSeriesType: 'spline'
			},
			title: {
                text: '每日 pv'
            },
			xAxis: {
                type: 'datetime'
			},
			tooltip: {
				formatter: function() {
			        return ''+ this.series.name +'
'+
						Highcharts.dateFormat('%e. %b', this.x) +': '+ this.y;
				}
			},
			legend: {
				layout: 'vertical',
				align: 'right',
				verticalAlign: 'top',
				x: -10,
				y: 100,
				borderWidth: 0
			},
            series : result.y
        };

        var chart = new Highcharts.Chart( options );
    };

} );

1. 在页面 readay 的时候，使用 ajex 设置回调函数并请求接口。
2. 回调函数里面使用 Utils.getSplineChartSeries 转换一下数据，方便直接给 options 里面数据赋值，具体需要的数据格式，看 highcharts 的 spline 的 demo 就可以。
3. 回调函数里面显示图表。

1. 比如使用 rds_csv 来直接得到 csv 格式的数据提供给用户，而不是 json。
2. 可以使用 ngx_lua 在 nginx.conf 里面使用 lua 来在服务器端对数据做一些处理再丢给浏览器。 大家都知道 js 处理的数据太大的时候，会导致浏览器卡死，所以如果不方便通过 sql 控制输出的时候，可以使用 lua 来处理下。当然 这只是其中一个应用，使用 ngx_lua 你可以干很多事情，比如上面那个使用 js 来生成 spline 数据的函数就可以用 lua 来实现，lua 还可以和 c 结合来做一些事情。对于 location 的参数，在 ngx_lua 里面也是可以访问的，比如 ngx.var.arg_c 这样。具体还是看 wiki 吧，写不完的。
   1. openresty 还能直接访问 redis 和 memcached。
   本篇只能算是一个入门而已，openresty 在淘宝量子统计的应用非常广泛。另外在 去哪网 也有不少应用，比如我知道的安全过滤模块，和一些数据报表，都是基于 openresty 的。 附一个 highcarts 画的图