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 相关文章推荐
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
js快速排序的实现代码
Dec 08 Javascript
[原创]推荐10款最热门jQuery UI框架
Aug 19 Javascript
JavaScript实现点击文字切换登录窗口的方法
May 11 Javascript
纯javascript实现四方向文本无缝滚动效果
Jun 16 Javascript
跟我学习javascript的异步脚本加载
Nov 20 Javascript
javascript多物体运动实现方法分析
Jan 08 Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 Javascript
全新打包工具parcel零配置vue开发脚手架
Jan 11 Javascript
JS字典Dictionary类定义与用法示例
Feb 01 Javascript
layui--select使用以及下拉框实现键盘选择的例子
Sep 24 Javascript
微信小程序实现时间进度条功能
Nov 17 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中GET变量的使用
2006/10/09 PHP
用php实现像JSP,ASP里Application那样的全局变量
2007/01/12 PHP
CI(CodeIgniter)框架配置
2014/06/10 PHP
ThinkPHP做文字水印时提示call an undefined function exif_imagetype()解决方法
2014/10/30 PHP
PHP实现的线索二叉树及二叉树遍历方法详解
2016/04/25 PHP
php微信公众号开发之现金红包
2018/04/16 PHP
jQuery获取Select选择的Text和Value(详细汇总)
2013/01/25 Javascript
用JavaScript计算在UTF-8下存储字符串占用字节数
2013/08/08 Javascript
js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件
2014/01/27 Javascript
使用正则表达式的格式化与高亮显示json字符串
2014/12/03 Javascript
分享10个原生JavaScript技巧
2015/04/20 Javascript
JQuery通过AJAX从后台获取信息显示在表格上并支持行选中
2015/09/15 Javascript
jquery实现加载进度条提示效果
2015/11/23 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
使用requirejs模块化开发多页面一个入口js的使用方式
2017/06/14 Javascript
Vee-Validate的使用方法详解
2017/09/22 Javascript
动态统计当前输入内容的字节、字符数的实例详解
2017/10/27 Javascript
Node.js引入UIBootstrap的方法示例
2018/05/11 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
Python使用贪婪算法解决问题
2019/10/22 Python
Python requests获取网页常用方法解析
2020/02/20 Python
浅谈python累加求和+奇偶数求和_break_continue
2020/02/25 Python
浅谈HTML5 Web Worker的使用
2018/01/05 HTML / CSS
html2 canvas生成清晰的图片实现打印功能
2019/09/23 HTML / CSS
Laura Mercier官网:彩妆大师罗拉玛斯亚的化妆品牌
2018/01/04 全球购物
标签和贴纸印刷:Lightning Labels
2018/03/22 全球购物
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
高中毕业自我鉴定
2013/12/22 职场文书
大二学期个人自我评价
2014/01/13 职场文书
火锅店的活动方案
2014/08/15 职场文书
技术经济专业求职信
2014/09/03 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python
OpenCV-Python实现轮廓的特征值
2021/06/09 Python
一次SQL查询优化原理分析(900W+数据从17s到300ms)
2022/06/10 SQL Server