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类中获取外部函数名的方法
Aug 19 Javascript
JavaScript 监听textarea中按键事件
Oct 08 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
Mar 18 Javascript
JavaScript保留两位小数的2个自定义函数
May 05 Javascript
教你用jquery实现iframe自适应高度
Jun 11 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
javascript生成大小写字母
Jul 03 Javascript
jQuery实现购物车表单自动结算效果实例
Aug 10 Javascript
js实现下拉框效果(select)
Mar 28 Javascript
jQuery实现导航栏头部菜单项点击后变换颜色的方法
Jul 19 jQuery
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
javascript运行机制之执行顺序理解
Aug 03 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 intval的测试代码发现问题
2008/07/27 PHP
PHP数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
一个PHP验证码类代码分享(已封装成类)
2011/07/17 PHP
php文件打包 下载之使用PHP自带的ZipArchive压缩文件并下载打包好的文件
2012/06/13 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
JavaScript的面向对象(二)
2006/11/09 Javascript
JavaScript中将一个值转换为字符串的方法分析[译]
2012/09/21 Javascript
js数组Array sort方法使用深入分析
2013/02/21 Javascript
推荐10 款 SVG 动画的 JavaScript 库
2015/03/24 Javascript
js实现仿爱微网两级导航菜单效果代码
2015/08/31 Javascript
AngularJS 入门教程之HTML DOM实例详解
2016/07/28 Javascript
移动端基础事件总结与应用
2017/01/12 Javascript
javaScript基础详解
2017/01/19 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
完美解决手机浏览器顶部下拉出现网页源或刷新的问题
2017/11/30 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
2020/04/07 Javascript
详解JavaScript中分解数字的三种方法
2021/01/05 Javascript
[46:37]LGD vs TNC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python ljust rjust center输出
2008/09/06 Python
Pyramid将models.py文件的内容分布到多个文件的方法
2013/11/27 Python
Django静态资源URL STATIC_ROOT的配置方法
2014/11/08 Python
python3.6 +tkinter GUI编程 实现界面化的文本处理工具(推荐)
2017/12/20 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
scrapy-splash简单使用详解
2021/02/21 Python
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
奥利奥广告词
2014/03/20 职场文书
调查研究项目计划书
2014/04/29 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
保研推荐信格式
2015/03/25 职场文书
会计主管竞聘书
2015/09/15 职场文书
新员工实习期个人工作总结
2015/10/15 职场文书
《酸的和甜的》教学反思
2016/02/18 职场文书
方法汇总:Python 安装第三方库常用
2022/04/26 Python