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