前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >开源跨平台移动项目Ngui【简介】

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

作者头像
IMWeb前端团队
发布2017-12-29 10:18:37
8360
发布2017-12-29 10:18:37
举报
文章被收录于专栏:IMWeb前端团队

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!的程序

代码语言:javascript
复制
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并执行以下命令:
代码语言:javascript
复制
# shell
$ sudo npm install -g ngui-tools
  • 运行ngui-tools 需要依赖nodejspython2.7
  • 并且不能运行在windows系统, 暂时只能在maclinux下使用

Create new project

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

代码语言:javascript
复制
# shell
$ mkdir myproject
$ cd myproject
$ ngui init

Build project

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

代码语言:javascript
复制
# shell
$ ngui build

Export project

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

代码语言:javascript
复制
# 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代码都进行重新安装

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

代码语言:javascript
复制
# shell
$ ngui

Downloads

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Ngui简介
  • Simple Examples
  • Start Usage
    • Install ngui-tools
      • Create new project
        • Build project
          • Export project
            • Ngui test http server
            • Downloads
            领券
            问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档