開源跨平臺移動項目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