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

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

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

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 回帖 • 254 关注
  • Node.js

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

    107 引用 • 220 回帖 • 644 关注
  • Android

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

    291 引用 • 312 回帖 • 522 关注
  • iOS

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

    72 引用 • 122 回帖
7 回帖
请输入回帖内容...
  • 88250 1

    厉害,赶紧点个赞去~

    1 回复
  • louistru

    谢谢,兄弟

    1 回复
  • 88250

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

  • 88250

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

    1 回复
  • louistru

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

    1 回复
  • 88250

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

    1 回复
  • louistru

    好的,谢谢
    google_play_01.png

    logo-512x512.png

请输入回帖内容 ...