开源跨平台移动项目 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