Tessera简要教程

简介

A web application for constructing elegant, interactive presentations of data from Graphite.

Tessera 是 Graphite 前端界面, 提供一个大型展示, 布局和构建仪表盘的交互选项. Tessera 是有着优雅结构, 交互展示 Graphite 数据的 Web 应用.
其主要特性有:

• Actions & Transforms
• Full REST API
• 多个图表渲染
• 基于文本的演示

安装

1. clone下repo.

$ git clone [e-mail]:urbanairship/tessera.git

clone后的原始目录

[admin@HotLinking-spark-dev001-shgq tessera]$ ls -altotal 88drwxr-xr-x 12 admin admin  4096 Oct 12 10:17 .drwxrwxr-x 14 admin admin  4096 Oct 12 10:10 ..drwxrwxr-x  2 admin admin  4096 Oct 12 10:19 bin-rw-rw-r--  1 admin admin   112 Oct 12 10:16 CONTRIBUTORS.md-rw-rw-r--  1 admin admin    47 Oct 12 10:16 COPYRIGHTdrwxrwxr-x  2 admin admin  4096 Oct 12 10:16 demo-rw-rw-r--  1 admin admin  3204 Oct 12 10:16 DEPENDENCIES.mddrwxrwxr-x  3 admin admin  4096 Oct 12 10:16 docsdrwxrwxr-x  2 admin admin  4096 Oct 12 10:16 extrasdrwxrwxr-x  8 admin admin  4096 Oct 12 10:16 .git-rw-rw-r--  1 admin admin   392 Oct 12 10:16 .gitignoredrwxrwxr-x  2 admin admin  4096 Oct 12 10:17 includedrwxrwxr-x  3 admin admin  4096 Oct 12 10:17 liblrwxrwxrwx  1 admin admin     3 Oct 12 10:17 lib64 -> lib-rw-rw-r--  1 admin admin 11362 Oct 12 10:16 LICENSE-rw-rw-r--  1 admin admin    60 Oct 12 10:17 pip-selfcheck.json-rw-rw-r--  1 admin admin  4369 Oct 12 10:16 README.mddrwxrwxr-x  2 admin admin  4096 Oct 12 10:16 scriptdrwxrwxr-x  3 admin admin  4096 Oct 12 10:16 tessera-frontenddrwxrwxr-x  5 admin admin  4096 Oct 12 10:16 tessera-server

1. 安装virtualenv.

$ pip install virtualenv

1. 进入文件夹, 利用virtualenv设置环境并启动.
   virtual用于创建独立的python虚拟环境,以便减少依赖冲突. 如果不需要的话应该也可以不使用(未验证).

$ cd tessera$ virtualenv .$ . bin/activate

在activate后,terminal前缀会发生变化,加上一个tessera:

[chenxiang@HotLinking-spark-dev001-shgq tessera]$ . bin/activate(tessera) [chenxiang@HotLinking-spark-dev001-shgq tessera]$

Tips:

# If you are on a Mac and have XCode 5.1 installed, you'll need this# set before installing the dependencies from requirements.txt for# SQLAlchemy's C extensions to compile.export ARCHFLAGS=-Wno-error=unused-command-line-argument-hard-error-in-future

1. 安装需要的其他依赖.

# Install dependencies.# 这里官网教程上没有写明这两个txt是放在repo中tessera-server文件夹下的.pip install -r ./tessera-server/requirements.txtpip install -r ./tessera-server/dev-requirements.txt

1. 安装NPM

# 常见如下方法安装npm 不过目前已被移除.$ curl http://npmjs.org/install.sh | sh

可以通过yum进行安装.

$ yum install npm

1. 设置js环境

# 通过npm全局下载grunt-cli$ npm install -g grunt-cli# 进入tessera-frontend文件夹.下面有对应的package.json文件,通过npm进行安装并启动$ cd tessear-frontend$ npm install $ grunt

tessera-frontend 原始目录为

(tessera) [chenxiang@HotLinking-spark-dev001-shgq tessera-frontend]$ lsGruntfile.js  package.json  src

运行过npm install后目录增加了node_modules文件夹

(tessera) [chenxiang@HotLinking-spark-dev001-shgq tessera-frontend]$ lsGruntfile.js  node_modules  package.json  src

运行完grunt后目录增加了_build文件夹

(tessera) [chenxiang@HotLinking-spark-dev001-shgq tessera-frontend]$ ls_build  Gruntfile.js  node_modules  package.json  src

相关链接

Tessera Git Page
Tessera 教程
node和npm对应关系
NPM使用介绍