宝哥软件园

JavaScript用DeviceOne开发实战(1)配置启动

编辑:宝哥软件园 来源:互联网 时间:2021-09-21

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)生成调试安装包,请朋友们继续关注,喜欢的朋友可以直接点击了解详情。

更多资讯
游戏推荐
更多+