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 相关文章推荐
JavaScript之自定义类型
May 04 Javascript
jQuery的观察者模式详解
Dec 22 Javascript
Jquery实现仿腾讯娱乐频道焦点图(幻灯片)特效
Mar 06 Javascript
Node.js中的process.nextTick使用实例
Jun 25 Javascript
Active控件问题小结(附解决办法)
Jun 09 Javascript
JavaScript程序中实现继承特性的方式总结
Jun 24 Javascript
轻松搞定js表单验证
Oct 13 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
微信小程序 解决请求服务器手机预览请求不到数据的方法
Jan 04 Javascript
JS对象深度克隆实例分析
Mar 16 Javascript
JS 正则表达式验证密码、邮箱格式的实例代码
Oct 28 Javascript
js动态生成表格(节点操作)
Jan 12 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调用数据库的存贮过程
2006/10/09 PHP
PHP 遍历文件实现代码
2011/05/04 PHP
详谈PHP文件目录基础操作
2014/11/11 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
使用Firebug对js进行断点调试的图文方法
2011/04/02 Javascript
为原生js Array增加each方法
2012/04/07 Javascript
javascript中的绑定与解绑函数应用示例
2013/06/24 Javascript
在ASP.NET中使用JavaScript脚本的方法
2013/11/12 Javascript
js中同步与异步处理的方法和区别总结
2013/12/25 Javascript
jQuery中多个元素的Hover事件解决方案
2014/06/12 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
AngularJS ng-bind-template 指令详解
2016/07/30 Javascript
javascript常用的设计模式
2017/02/09 Javascript
node.js+jQuery实现用户登录注册AJAX交互
2017/04/28 jQuery
Angular 2.x学习教程之结构指令详解
2017/05/25 Javascript
JS中去掉array中重复元素的方法
2017/05/26 Javascript
详解JavaScript的内存空间、赋值和深浅拷贝
2019/04/17 Javascript
javascript设计模式 ? 工厂模式原理与应用实例分析
2020/04/09 Javascript
详解ES6数组方法find()、findIndex()的总结
2020/05/12 Javascript
单线程JavaScript实现异步过程详解
2020/05/19 Javascript
js实现盒子滚动动画效果
2020/08/09 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
Flesh Beauty官网:露华浓集团旗下彩妆品牌
2021/02/15 全球购物
实习自我鉴定范文
2013/10/30 职场文书
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
成功的酒店创业计划书
2013/12/27 职场文书
美术专业个人自我评价
2014/01/18 职场文书
铁路个人事迹材料
2014/01/30 职场文书
《吃水不忘挖井人》教学反思
2014/04/15 职场文书
安全宣传标语
2014/06/10 职场文书
2014年房地产销售工作总结
2014/12/01 职场文书
Python基础之教你怎么在M1系统上使用pandas
2021/05/08 Python
redis实现共同好友的思路详解
2021/05/26 Redis