开源跨平台移动项目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 条评论
登录 后参与评论

相关文章

来自专栏SeanCheney的专栏

《Learning Scrapy》(中文版)第6章 Scrapinghub部署

前面几章中,我们学习了如何编写爬虫。编写好爬虫之后,我们有两个选择。如果是做单次抓取,让爬虫在开发机上运行一段时间就行了。或者,我们往往需要周期性的进行抓取。我...

2768
来自专栏前端安全

前端调试入门

这里的控制台特指PC端浏览器进入开发者模式之后新打开的操作界面。常见的控制台有Chrome的控制台,Firefox的firebug。这些都能帮助我们调试前端问题...

59933
来自专栏十月梦想

[踩坑记]jquery点击事件多次执行解决方法

上一篇文章介绍中使用a的弹窗方式测试孔href属性,但是最近在一个项目中发现click事件执行后会多次触发.应该是点击事件进行叠加了,jquery的unbind...

843
来自专栏菩提树下的杨过

设置 java -jar 的进程显示名称

有时候我们会用 nohup java -jar xxx.jar来将一些可执行的java application挂在后台,类似windows服务一样来运行。但是有...

1887
来自专栏noteless

eclipse 创建maven 项目 动态web工程完整示例

注意,以下所有需要建立在你的eclipse等已经集成配置好了maven了,说白了就是新建项目的时候已经可以找到maven了

841
来自专栏一“技”之长

iOS开发技巧之查看模拟器沙盒文件 原

iOS开发中,在对数据库进行操作时,有时我们需要直观的查看数据库的内容,那么我们如何找到沙盒中的这个文件呢,步骤很简单:

1012
来自专栏CRPER折腾记

NG2&4折腾记 --- 记NG2升级NG4 RC1之修正问题跑起来

再打一次辟谣:NG2->NG4不是重构,只是常规升级【统一版本而已,目前路由是3.x】, NG团队说以后不再以版本号为核心,统称angular,下半年NG5要出...

631
来自专栏Brian

Learn Git One

Git 基本原理 Git 属于分布式版本控制系统( Distributed Version Control System,简称 DVCS )之一。客户端并不只提...

3316
来自专栏JetpropelledSnake

在Pycharm中配置Github

Pycharm是当前进行python开发,尤其是Django开发最好的IDE。GitHub是程序员的圣地,几乎人人都在用。

782
来自专栏云小白

修改WP文章分类显示的字数

配置文件代码位置在:wp-includes/formatting.php 3323 行

390

扫码关注云+社区