Tabris.js 跨端开发移动 APP 应用框架

Question

Tabris.js 是一个用 JavaScript 开发带有本地UI的移动应用程序的框架。IOS 和 Android 应用程序可以完全建立在一个代码库中，这可以使您摆脱为多个平台管理代码的任务。

import {Button, contentView, TextView} from 'tabris';

// in JS

new Button({top: 16, centerX: true, text: 'Use native UI'})
  .onSelect(() => $(TextView).only().text = 'Powered by Tabris.js')
  .appendTo(contentView);
new TextView({top: 'prev() 16', centerX: true})
  .appendTo(contentView);

// or in JSX

contentView.append(
  <
gt;
    <Button top={16} centerX text='Use native UI'
            onSelect={() => $(TextView).only().text = 'Powered by Tabris.js'}/>
    <TextView top='prev() 16' centerX/>
  </
gt;
);

本地小部件

应用程序的代码是动态加载的-没有任何预编译。JavaScript只是在短时间内执行，并通过本机桥传递到设备。Js访问本机控件，不依赖于Web视图来呈现应用程序的UI。因此，应用程序的性能无法与直接在平台的本机代码中开发的应用区分开来。

开始

要开始开发 Tabris.js 应用程序，请访问 Tabrisjs.com 看看开始文档指南。确保也参考代码。片段在Tabris.js开发者应用程序中，从应用商店下载 安卓 和 IOS。

可扩展

Tabris.js 可以用 Cordova 插件 添加对其他本机功能的支持。Cordova 插件还可以直接与本机小部件，如 tabris-plugin-maps。

另外 NPM 模块可以用来进一步丰富可用的JS API。

Tabris.js还增加了对许多关键Web技术的支持，包括：

• canvas
• XMLHttpRequest/FETCH()
• WebSocket
• localStorage

在线构建

要将源代码打包到可安装的应用程序中，Tabris.js 提供了一个联机功能 构建服务。没有必要下载大型SDK或使用特定的硬件进行开发(例如，为 IOS 构建的 Mac 机器)。一个 本地建设 如果需要更多的自定义，也可以作为选项。

构建 Tabris NPM 模块

如果您想自己构建 Tabris 模块，请执行以下步骤。

安装 grunt 生成工具使用 NPM：

npm install -g grunt-cli

在 tabris-js 根目录获取依赖项并构建：

npm install
grunt

相关链接

• github 地址：https://github.com/eclipsesource/tabris-js
• 中文文档：https://www.wenjiangs.com/docs/tabris