2015年9月底,DeviceOne发布。至此,DeviceOne基本完成了多端支持。基于设备一,您可以:
HTML5、安卓、iOS、Windows的多端代码都是一次写出来,到处重用。
简单部署。
本地化用户界面
在接下来的时间里,我将通过一系列文章介绍DeviceOne。本文介绍了环境配置以及如何构建一个简单的项目。(注:本文适用于iOS、安卓、Windows开发。)
目前DeviceOne可以在Windows或Mac系统上开发。
以下描述了设备一环境的设置。无论是应用开发还是组件开发,都需要设置开发环境,只需3分钟即可完成。
1.硬件环境。
PC或MAC电脑用于开发移动设备,另一台用于调试和测试。可以使用手机或pad(安卓、ios和windowsphone都可以使用)。安卓也可以尝试模拟器。
2.软件环境。
操作系统(MAC或Windows支持):Windows:7以上的操作系统。MAC:10.9以上。
移动设备:
安卓:4.0以上操作系统IOs:7.0以上操作系统winphone:8.1以上操作系统。
JDK:1.7及以上版本。
3.网络环境。
外网环境:很多功能需要外网才能进行,App的开发调试可以离线进行。
4.注册DeviceOne开发人员帐户。
如果你想使用DeviceOne开发应用程序,你首先需要在www.deviceone.net注册你自己的开发者账号,注册地址是Registration。
5.下载设计器
用户需要下载并使用DeviceOne提供的设计器(IDE)来开发移动应用。设计者提供一种所见即所得的方式构建UI,提供代码编辑器编写标准的javascript或lua逻辑脚本代码,使用设计者提供的即时调试功能与真实的移动设备交互调试应用,最后通过设计者提供的打包功能发布最终的应用。
目前设计器包含两个主要版本,一个是基于Eclipse RCP的,另一个是自行开发的只支持Windows的版本。我们建议您使用基于Eclipse的版本。
下载地址为http://docs.deviceone.net/平台-下载中心。
安装设计器,直接找到刚下载的zip文件。提取到你的位置。这个设计器是免安装的绿色版本,Windows版本直接在解压文件路径下找到DoStudio.exe,双击打开。解压后双击dostuio.app即可启动Mac版。启动过程中可能会出现一些问题,可以参考新的设计、安装和启动问题。
开发环境完成后,我们开始尝试开发第一个DeviceOne移动应用。接下来,我们将逐步介绍Hello DeviceOne应用程序的构建方法。
1.创建新的应用程序。
首先打开设计器,点击新建项目,新项目需要联网,输入用户密码验证码后登录。但创建后支持离线开发调试。
在弹出的对话框中,填写新项目的名称,并选择编写器想要使用的前端脚本语言。目前可以选择JavaScript和Lua,也可以配置基本的项目模板,包括空白页模板、带listview的模板等等。您也可以配置屏幕分辨率。完成所有配置后,单击确定自动生成工程项目。
我们可以看到设计器的主页面,如下图所示。我们可以在设计师左边的工程导航树中看到所有的代码,其中app.js是整个程序的入口,类似于其他开发语言的主要功能。更多文件结构介绍,请参考文档“设备一应用结构”。有关设计者的详细描述,请参考“设计者用户指南”文档。
我们可以尝试将“控制列表”中的一个Label组件拖动到index.ui文件对应的“视图设计”中,将Label的背景颜色设置为绿色。视图可以拖放您所看到的内容,并设置界面元素的基本属性和专有属性。
我们修改index.ui.js的源代码,把Hello World改成Hello DeviceOne。应用程序运行的逻辑可以在js文件中修改。
以上就是本文介绍的实战(一)使用DeviceOne配置和启动JavaScript的全部内容。希望你喜欢。下一篇文章将介绍使用DeviceOne开发JavaScript的实际情况。(2)生成调试安装包,请朋友们继续关注,喜欢的朋友可以直接点击了解详情。