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

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

本贴最后更新于 572 天前,其中的信息可能已经水流花落

Ngui 简介

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

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

Screenshot Screenshot Screenshot

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提供的工具包

# shell
$ sudo npm install -g ngui-tools

Create new project

使用下面的shell命令创建一个新的Ngui工程:

# shell
$ mkdir myproject
$ cd myproject
$ ngui init

Build project

这一步会把工程里面的 JavaScript 代码以及资源文件进行压缩并打包,如果这是一个新的工程可以跳过这一步骤直接到下一步

# shell
$ ngui build

Export project

这一步导出XcodeAndroid Studio工程,因为你最终要发布程序将会是一个.apk.ipa

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

导出工程后,接下来你可以使用XcodeAndroid Studio打开它

Ngui test http server

ngui-tools提供了一个测试 http 服务器,你不需要每次修改完jsjsx代码都进行重新安装

执行下面的代码可以启动它:

# shell
$ ngui

Downloads

  • Ngui

    Ngui 是一个 GUI 的排版显示引擎和跨平台的 GUI 应用程序开发框架,基于
    Node.js / OpenGL。目标是在此基础上开发 GUI 应用程序可拥有开发 Web 应用般简单与速度同时兼顾 Native 应用程序的性能与体验。

    7 引用 • 9 回帖 • 250 关注
  • Node.js

    Node.js 是一个基于 Chrome JavaScript 运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞 I/O 模型而得以轻量和高效。

    102 引用 • 216 回帖 • 701 关注
  • Android

    Android 是一种以 Linux 为基础的开放源码操作系统,主要使用于便携设备。2005 年由 Google 收购注资,并拉拢多家制造商组成开放手机联盟开发改良,逐渐扩展到到平板电脑及其他领域上。

    269 引用 • 299 回帖 • 562 关注
  • iOS

    iOS 是由苹果公司开发的移动操作系统,最早于 2007 年 1 月 9 日的 Macworld 大会上公布这个系统,最初是设计给 iPhone 使用的,后来陆续套用到 iPod touch、iPad 以及 Apple TV 等产品上。iOS 与苹果的 Mac OS X 操作系统一样,属于类 Unix 的商业操作系统。

    68 引用 • 116 回帖 • 3 关注
7 回帖   
请输入回帖内容...
  • 88250

    厉害,赶紧点个赞去 ~

    1 回复
  • louistru        

    谢谢,兄弟

    1 回复
  • 88250      

    客气啦,辛苦做出来开源是应该得到赞啊

  • 88250

    对了,我把帖子标签更新了一下,带上 [Ngui] ,麻烦发一个 logo 给我,我编辑一下标签说明。

    1 回复
  • louistru        

    我现在外边办事情,一会方便了,我给你发啊。

    1 回复
  • 88250      

    好的,你直接在回帖里上传图片就行。

    1 回复
  • louistru        

    好的,谢谢
    google_play_01.png

    logo-512x512.png

请输入回帖内容 ...