Ngui簡介

這是一個GUI的排版顯示引擎和跨平臺的GUI應(yīng)用程序開發(fā)框架，基于NodeJS/OpenGL，這也是第一個在移動端Android/iOS融合NodeJS的前端GUI項目，至此JavaScript成為了真正意義上前后端通吃的語言。

Ngui的目標(biāo)：在此基礎(chǔ)上開發(fā)GUI應(yīng)用程序可擁有開發(fā)WEB應(yīng)用般簡單與速度同時兼顧Native應(yīng)用程序的性能與體驗。

• 暫時只支持iOS與Android系統(tǒng)，并不包含AndroidTV因為TV應(yīng)用與手機應(yīng)用有很大的不同

• 從這里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你可以從這里開始，一步步創(chuàng)建你的Ngui程序。

Install ngui-tools

首先你需要安裝Ngui提供的工具包

• 使用 nodejs npm 安裝 ngui-tools

• 打開Terminal并執(zhí)行以下命令：

## shell
$ sudo npm install -g ngui-tools

• 運行ngui-tools 需要依賴nodejs與python2.7

• 并且不能運行在windows系統(tǒng), 暫時只能在mac或linux下使用

Create new project

使用下面的shell命令創(chuàng)建一個新的Ngui工程：

## shell
$ mkdir myproject
$ cd myproject
$ ngui init

Build project

這一步會把工程里面的javascript代碼以及資源文件進行壓縮并打包，如果這是一個新的工程可以跳過這一步驟直接到下一步

## shell
$ ngui build

Export project

這一步導(dǎo)出Xcode或Android Studio工程，因為你最終要發(fā)布程序?qū)且粋€.apk或.ipa

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

導(dǎo)出工程后，接下來你可以使用Xcode與Android Studio打開它

Ngui test http server

ngui-tools提供了一個測試http服務(wù)器，你不需要每次修改完js或jsx代碼都進行重新安裝

執(zhí)行下面的代碼可以啟動它：

## shell
$ ngui

Downloads

• Examples demo Android APK Install package

• Project Source code from Github