JavaScript使用DeviceOne开发实战(二) 生成调试安装包


Posted in Javascript onDecember 01, 2015

在上篇文章给大家介绍了JavaScript使用DeviceOne开发实战(一) 配置和起步,本篇文章继续给大家介绍关于javascript实战相关内容,一起学习吧。

生成调试安装包

首先需要说明的是,这个步骤并不是每次调试App都必须的,大部分情况生成一次调试安装包,安装到手机上之后就可以忽略整个这个步骤。因为调试安装包包含了很多原生组件,都是可以定制勾选的,如果你需要额外增加一些原生组件,则需要勾选更多的组件并要重新生成调试安装包。

点击调试程序的菜单里的“Build Debug Version”按钮,如果没有登录过,会提示登录

JavaScript使用DeviceOne开发实战(二) 生成调试安装包

如果打开了多个项目,需要选择一个你想要打包的具体项目,打包的时候需要联网。

JavaScript使用DeviceOne开发实战(二) 生成调试安装包
JavaScript使用DeviceOne开发实战(二) 生成调试安装包

只需要几分钟,”打包中…” 就会完成,变成“下载安装”,点击后,你可以选择二维码安装或者下载文件到电脑上然后通过工具来安装到手机上。

JavaScript使用DeviceOne开发实战(二) 生成调试安装包
JavaScript使用DeviceOne开发实战(二) 生成调试安装包

调试开发

在移动设备(手机或pad)上安装上一个步骤生成的安装包之后,基本界面如下,Android,IOS和Winphone基本界面是一样的。要调试需要先在设计器中的”Service”右键点击”Create”按钮,然后点击“Start”启动服务,记录下显示的ip地址和port号,再将ip地址输入手机上调试版本的“服务地址”,注意要确保手机的ip和设计器所在ip在同一网段,否则无法通信。最后再点击”更新“按钮

JavaScript使用DeviceOne开发实战(二) 生成调试安装包JavaScript使用DeviceOne开发实战(二) 生成调试安装包JavaScript使用DeviceOne开发实战(二) 生成调试安装包

更新成功后,点击”进入“按钮,就能看到设计器上开发的App在手机上的真实效果了,我们可以看到和设计器上看到的效果完全一致,能看到绿色label,也能点击”Say Hello“按钮,会弹出”Hello DeviceOne!!!“。就这样,我们在设计器上可以继续修改代码,修改UI,然后再次点击”更新“按钮和”进入“按钮就可以实时的看到开发的效果。一直到这个App完成所有你需要达到的功能。

JavaScript使用DeviceOne开发实战(二) 生成调试安装包

目前还不支持单步调试。目前支持alert,toast方式调试和deviceone.print调试。其中print调试可以实时把打印的数据显示在设计器的”调试日志“,但是需要确保调试终端的”显示日志“勾选上。

JavaScript使用DeviceOne开发实战(二) 生成调试安装包

发布应用

应用开发完后通过云端的打包服务即可将程序打成一个正式的安装包,有自己的图标,名称,签名等等,可以上传官方的Appstore,可以给最终用户下载使用。只需点击设计器中的“Build Single Version”按钮,最后安装包在下载页面下载即可。

JavaScript使用DeviceOne开发实战(二) 生成调试安装包
JavaScript使用DeviceOne开发实战(二) 生成调试安装包

To Be Continue.......

Javascript 相关文章推荐
用js实现控制内容的向上向下滚动效果
Jun 26 Javascript
jQuery 点击图片跳转上一张或下一张功能的实现代码
Mar 12 Javascript
EasyUI中的tree用法介绍
Nov 01 Javascript
jquery垂直公告滚动实现代码
Dec 08 Javascript
javascript图片预加载实例分析
Jul 16 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 Javascript
vue父组件向子组件(props)传递数据的方法
Jan 02 Javascript
深入剖析Express cookie-parser中间件实现示例
Feb 01 Javascript
解决linux下node.js全局模块找不到的问题
May 15 Javascript
layui清空,重置表单数据的实例
Sep 12 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
May 09 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
Dec 01 #Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 #Javascript
jQuery学习笔记之Ajax用法实例详解
Dec 01 #Javascript
易操作的jQuery表单提示插件
Dec 01 #Javascript
JavaScript保留关键字汇总
Dec 01 #Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 #Javascript
整理Javascript函数学习笔记
Dec 01 #Javascript
You might like
PHP 获取文件路径(灵活应用__FILE__)
2013/02/15 PHP
基于magic_quotes_gpc与magic_quotes_runtime的区别与使用介绍
2013/04/22 PHP
ThinkPHP自动转义存储富文本编辑器内容导致读取出错的解决方法
2014/08/08 PHP
PHP Swoole异步Redis客户端实现方法示例
2019/10/24 PHP
PHP http请求超时问题解决方案
2020/11/13 PHP
JavaScript中的prototype使用说明
2010/04/13 Javascript
js文本框走动跑马灯效果代码分享
2015/08/25 Javascript
jQuery拖拽排序插件制作拖拽排序效果(附源码下载)
2016/02/23 Javascript
jquery+json实现分页效果
2016/03/07 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
Javascript实现苹果悬浮虚拟按钮
2016/04/10 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
vue.js获得当前元素的文字信息方法
2018/03/09 Javascript
js计算两个时间差 天 时 分 秒 毫秒的代码
2019/05/21 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
Python使用scrapy采集数据过程中放回下载过大页面的方法
2015/04/08 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
python的socket编程入门
2018/01/29 Python
python使用生成器实现可迭代对象
2018/03/20 Python
Python检测网络延迟的代码
2018/05/15 Python
对python的输出和输出格式详解
2018/12/08 Python
python之mock模块基本使用方法详解
2019/06/27 Python
django+tornado实现实时查看远程日志的方法
2019/08/12 Python
python安装本地whl的实例步骤
2019/10/12 Python
Django中modelform组件实例用法总结
2020/02/10 Python
全网最全python库selenium自动化使用详细教程
2021/01/12 Python
使用CSS3实现字体颜色渐变的实现
2020/08/10 HTML / CSS
HTML5在a标签内放置块级元素示例代码
2013/08/23 HTML / CSS
威尔逊皮革:Wilsons Leather
2018/12/07 全球购物
HEMA法国:荷兰原创设计
2019/02/21 全球购物
JAVA程序员自荐书
2014/01/30 职场文书
2014党员整改措施思想汇报
2014/10/07 职场文书
2015年销售部工作总结范文
2015/04/27 职场文书
2019个人年度目标制定攻略!
2019/07/12 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
Python中json.load()和json.loads()有哪些区别
2021/06/07 Python