Tabris.js 介绍与学习<2>

继续上一篇Tabris.js 介绍与学习<1>的学习

1.创建第一个应用

Tabris.js脚本可以使用任意文本编辑器或者集成开发工具来编写。

克隆或者下载Getting Started Project来开始开发第一个Tabris.js应用。

git clone https://github.com/eclipsesource/tabris-js-getting-started.git

它是Tabris.js工程的最小版本，它包含两部分：

• package.json：
  这个文件用来描述应用的基本信息，例如，名称、介绍、依赖项和主脚本。每个Tabris.js应用都应该包含package.son文件。

{
  "name": "hello-world",
  "description": "Tabris.js - Hello, World!",
  "main": "hello.js",
  "dependencies": {
    "tabris": "^1.3.0"
  }
}

• hello.js：
  Tabris.js的 “Hello, World!”示例包含在hello.js中，它包含了一个按钮和一个文本框。当点击按钮的时候，文本框就会更新

var page = tabris.create("Page", {
  title: "Hello, World!",
  topLevel: true
});

var button = tabris.create("Button", {
  text: "Native Widgets",
  layoutData: {centerX: 0, top: 100}
}).appendTo(page);

var label = tabris.create("TextView", {
  font: "24px",
  layoutData: {centerX: 0, top: [button, 50]}
}).appendTo(page);

button.on("select", function() {
  label.set("text", "Totally Rock!");
});

page.open();

接下来，我们要安装tabris模块。

在终端进入你的工程目录，运行nam install。这将会在你的工程目录下的node_modules目录中安装tabors(版本取决于你在package.json文件中声明的版本号)

2.测试你的应用

如果满足以下的条件的话，你可以在Android或者iOS设备或虚拟机上测试你的应用：

• 在设备上安装了开发者应用
• 使用你的Github账号登陆
• 你的设备与开发机器连接相同的网络

在终端运行(只需运行一次)：

npm install http-server -g

这将在你的机器上安装一个简单的HTTP服务器。

在终端进入你的应用目录，运行：

http-server

这将开启应用的服务器。

在开发者应用中的URL标签下输入：

http://开发机器的IP地址:8080/

然后点击CONNECT按钮来运行应用。

3.发布你的应用

为了将你的应用提交到APP/Play Store上，你需要通过免费得网上构建服务或者使用本地工具来打包、构建你的应用。处理过程请看Building a Tabris.js App