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 Array增加each方法
Apr 07 Javascript
Jquery中使用setInterval和setTimeout的方法
Apr 08 Javascript
Javascript中查找不以XX字符结尾的单词示例代码
Oct 15 Javascript
JavaScript实现维吉尼亚(Vigenere)密码算法实例
Nov 22 Javascript
Windows 系统下安装和部署Egret的开发环境
Jul 31 Javascript
JS实现点击颜色块切换指定区域背景颜色的方法
Feb 25 Javascript
基于javascript简单实现对身份证校验
Jan 25 Javascript
jQuery实现TAB选项卡切换特效简单演示
Mar 04 Javascript
Bootstrap 附加导航(Affix)插件实例详解
Jun 01 Javascript
Bootstrap实现水平排列的表单
Jul 04 Javascript
bootstrap modal+gridview实现弹出框效果
Aug 15 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 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
windows下PHP APACHE MYSQ完整配置
2007/01/02 PHP
使用PHP破解防盗链图片的一个简单方法
2014/06/07 PHP
ThinkPHP实现支付宝接口功能实例
2014/12/02 PHP
jquery下json数组的操作实现代码
2010/08/09 Javascript
js遍历td tr等html元素
2012/12/13 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
javascript中不提供sleep功能如何实现这个功能
2014/05/27 Javascript
JavaScript中的普通函数与构造函数比较
2015/04/07 Javascript
jQuery的Scrollify插件实现滑动到页面下一节点
2015/07/05 Javascript
JS实现日期时间动态显示的方法
2015/12/07 Javascript
动态生成的DOM不会触发onclick事件的原因及解决方法
2016/08/06 Javascript
用JS实现简单的登录验证功能
2017/07/28 Javascript
微信小程序 上传头像的实例详解
2017/10/27 Javascript
微信小程序项目总结之点赞 删除列表 分享功能
2018/06/25 Javascript
深入了解JavaScript词法作用域
2020/07/29 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
基于vue+echarts数据可视化大屏展示的实现
2020/12/25 Vue.js
python3+PyQt5实现文档打印功能
2018/04/24 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
挪威太阳镜和眼镜网上商城:SmartBuyGlasses挪威
2016/08/20 全球购物
Troy-Bilt官网:草坪割草机、吹雪机、分蘖机等
2019/02/19 全球购物
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
Vertbaudet西班牙网上商店:婴儿服装、童装、母婴用品和儿童家具
2019/10/16 全球购物
机械工程师求职自我评价
2013/09/23 职场文书
2014年元旦促销活动方案
2014/02/22 职场文书
金融管理毕业生求职信
2014/03/03 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
《凡卡》教学反思
2014/04/09 职场文书
英文请假条
2014/04/11 职场文书
环境工程专业毕业生求职信
2014/09/30 职场文书
小学教师个人工作总结2015
2015/04/20 职场文书
建党伟业观后感
2015/06/01 职场文书
导游词之南京汤山温泉
2019/11/26 职场文书
JS ES6异步解决方案
2021/04/29 Javascript
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技