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

Ngui简介

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

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

  • 暂时只支持iOSAndroid系统,并不包含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 需要依赖nodejspython2.7
  • 并且不能运行在windows系统, 暂时只能在maclinux下使用

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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

在 OS X 上使用 Docker

在虚拟化技术盛行的当下,Docker 是其中的一支新兴力量。在使用 Linux 系统时,安装和使用 Docker 是十分容易的。但如果你和许多极客一样使用 OS...

2538
来自专栏电光石火

SharpDevelop---精简的C#开发工具

一般试用C#语言来做开发,都会装个微软的virtual studio;但是作为业余爱好,想玩玩C#开发,但又不想装那么庞大的软件,那么就有这么一款精简(才十几...

18610
来自专栏主机笔记

笔记本电脑安装linux桌面版

手里一个旧的笔记本配置比较低,装windows很卡,于是就决定装一个windows,今天记录下笔记本安装ubuntu桌面版的过程,主要2件事,做系统盘和装系统,...

4366
来自专栏逸鹏说道

GitHub实战系列~1.环境部署+创建第一个文件 2015-12-9

安装系列: 软件下载:http://git-scm.com/download/ 环境搭建:(比较简单,看图) ? ? ? ? ? ? ? ? 下面是命令模式,需...

2784
来自专栏Coding01

初次学习 Docker Volume 的基本使用 (四)

在很早的一篇帖子里 http://dockone.io/question/24 就有人问:「请教下代码放在 Docker 里面还是外面呢」多数人评论类似下面的观...

802
来自专栏Linyb极客之路

使用 Docker 搭建 Java Web 运行环境

Docker 是 2014 年最为火爆的技术之一,几乎所有的程序员都听说过它。Docker 是一种“轻量级”容器技术,它几乎动摇了传统虚拟化技术的地位,现在国内...

3345
来自专栏地方网络工作室的专栏

打造前端MAC工作站(四)配置 Atom 编辑器

打造前端MAC工作站(四)配置 Atom 编辑器 前言 前端工程师可选择的编辑器主要有 Atom、Sublime Text3、VS Code,三者风格差不多,你...

2556
来自专栏云计算教程系列

如何在CentOS 7上设置Jenkins以进行持续开发集成

合并代码、协调发布、确定构建状态、维护更新。如果你足够了解这些过程的挫败感,这些话本身就会让人头疼,你可能想看看Jenkins CI。

20
来自专栏大魏分享(微信公众号:david-share)

WannaCry肆虐,Ansible如何一招制敌

概述. 5月12日,全球突发的比特币勒索病毒(WannaCry)疯狂袭击公共和商业系统事件!英国各地超过40家医院遭到大范围网络黑客攻击,国家医疗服务系...

3217
来自专栏快乐八哥

ASP.NET中使用HttpWebRequest调用WCF

最近项目需要和第三网站进行数据交换,第三方网站基本都是RESTfull形式的API,但是也有的是Web Service,或者.NET里面的WCF。微软鼓励大家使...

3049

扫码关注云+社区