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

相关文章

来自专栏葡萄城控件技术团队

SoapUI实践:自动化测试、压力测试、持续集成

16420
来自专栏Winter漫聊技术

偷工不减料,Android工具推荐(1)

1.Butter Knife自动生成代码; 2.半自动(仅需复制粘贴)生成实体类;

10520
来自专栏程序员的SOD蜜

Vue.js 入门指南之“前传”(含sublime text 3 配置) 1,下载安装Node.js2,配置Vue环境3,Vue初探4,配置sublime Text

题记:关注Vue.js 很久了,但就是没有动手写过一行代码,今天准备入手,却发现自己比菜鸟还菜,于是四方寻找大牛指点,才终于找到了入门的“入门”,就算是“入门指...

40390
来自专栏Ken的杂谈

.NET Core快速入门教程 5、使用VS Code进行C#代码调试的技巧

启动调试后,程序启动,并会停留在第一个断点这一行。且这行的代码并未执行。 VS Code会自动唤出Debug工作区,本文将逐步介绍常用功能。

23910
来自专栏小狼的世界

Mac下使用Phonegap(Apache Cordorva)开发iOS应用

Phonegap自从捐赠给Apache基金会后,改名字为Cordova了,文章发表时的稳定版本是 2.6.0 。

14020
来自专栏码农笔录

vue项目中swiper动态更新后无法轮播问题 附带案例代码

28840
来自专栏ShaoYL

XCode的debug断点调试

44370
来自专栏web编程技术分享

用eclipse开发项目时遇到的常见错误,和配套解决方案(不定时更新)

29970
来自专栏用户2442861的专栏

linux之ldconfig工具的使用

ldconfig是一个动态链接库管理命令 为了让动态链接库为系统所共享,还需运行动态链接库的管理命令--ldconfig ldconfig  命令的用途...

11510
来自专栏逸鹏说道

VSCode中文乱码问题+Git环境配置

异常处理汇总-开发工具 http://www.cnblogs.com/dunitian/p/4522988.html 1.VSCode中文乱码问题 (file...

47380

扫码关注云+社区

领取腾讯云代金券