开源跨平台移动项目Ngui【简介】

Ngui简介

这是一个GUI的排版显示引擎和跨平台的GUI应用程序开发框架，基于NodeJS/OpenGL，这也是第一个在移动端Android/iOS融合NodeJS的前端GUI项目，至此JavaScript成为了真正意义上先后端通吃的语言。

Ngui的目标：在此基础上开发GUI应用程序可拥有开发WEB应用般简单与速度同时兼顾Native应用程序的性能与体验。

• 暂时只支持iOS与Android系统，并不包含AndroidTV由于TV应用与手机应用有很大的不一样
• 从这里Go API Index能够到 API Documents Index

Simple Examples

这是一个简单的在屏幕上显示hello world!的程序

import { GUIApplication, Text } from 'ngui'
new GUIApplication().start(
    <Text>hello world!</Text>
)

你能够获取到更加详细的[Examples]

Start Usage

若是你历来没有使用过Ngui你能够从这里开始，一步步建立你的Ngui程序。

Install ngui-tools

首先你须要安装Ngui提供的工具包

• 使用 nodejs npm 安装 ngui-tools
• 打开Terminal并执行如下命令：

# shell
$ sudo npm install -g ngui-tools

• 运行ngui-tools 须要依赖nodejs与python2.7
• 而且不能运行在windows系统, 暂时只能在mac或linux下使用

Create new project

使用下面的shell命令建立一个新的Ngui工程：

# shell
$ mkdir myproject
$ cd myproject
$ ngui init

Build project

这一步会把工程里面的javascript代码以及资源文件进行压缩并打包，若是这是一个新的工程能够跳过这一步骤直接到下一步

# shell
$ ngui build

Export project

这一步导出[Xcode]或[Android Studio]工程，由于你最终要发布程序将会是一个.apk或.ipa

# shell
# export xcode ios project
$ ngui export ios
# export android studio project
$ ngui export android

导出工程后，接下来你能够使用[Xcode]与[Android Studio]打开它

Ngui test http server

ngui-tools提供了一个测试http服务器，你不须要每次修改完js或jsx代码都进行从新安装

执行下面的代码能够启动它：

# shell
$ ngui

Downloads

• Examples demo [Android APK] Install package
• Project [Source code] from Github