Tabris.js 跨端开发移动 APP 应用框架 - 文章教程

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

发布于 2020-10-22 字数 3268 浏览 996 评论 0

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

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

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(
  <$>
    <Button top={16} centerX text='Use native UI'
            onSelect={() => $(TextView).only().text = 'Powered by Tabris.js'}/>
    <TextView top='prev() 16' centerX/>
  </$>
);

本地小部件

应用程序的代码是动态加载的-没有任何预编译。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

相关链接

如果你对这篇文章有疑问,欢迎到本站 社区 发帖提问或使用手Q扫描下方二维码加群参与讨论,获取更多帮助。

扫码加入群聊

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

目前还没有任何评论,快来抢沙发吧!

关于作者

JSmiles

生命进入颠沛而奔忙的本质状态,并将以不断告别和相遇的陈旧方式继续下去。

2583 文章
29 评论
84935 人气
更多

推荐作者

清风夜微凉

文章 1 评论 0

为你鎻心

文章 2 评论 0

xxhui

文章 0 评论 0

1PKOH46yx8j0x

文章 0 评论 0

Arthur

文章 0 评论 0