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 相关文章推荐
ext监听事件方法[初级篇]
Apr 27 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
一个JavaScript处理textarea中的字符成每一行实例
Sep 22 Javascript
JavaScript中的函数模式详解
Feb 11 Javascript
js获取字符串字节数方法小结
Jun 09 Javascript
理解javascript中的闭包
Jan 11 Javascript
vue component组件使用方法详解
Jul 14 Javascript
Vue.js组件间的循环引用方法示例
Dec 27 Javascript
js实现指定时间倒计时效果
Aug 26 Javascript
Vue v-model组件封装(类似弹窗组件)
Jan 08 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
Mar 02 Javascript
你不知道的 TypeScript 高级类型(小结)
Aug 28 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
ajax php传递和接收变量实现思路及代码
2012/12/19 PHP
php断点续传之文件分割合并详解
2016/12/13 PHP
PHP基于自定义函数实现的汉字转拼音功能实例
2017/09/30 PHP
asp.net和asp下ACCESS的参数化查询
2008/06/11 Javascript
jquery nth-child()选择器的简单应用
2010/07/10 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
JS定时关闭窗口的实例
2013/05/22 Javascript
使用AngularJS 应用访问 Android 手机的图片库
2015/03/24 Javascript
详解javascript事件冒泡
2016/01/09 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
微信小程序实现倒计时补零功能
2018/07/09 Javascript
Vue中CSS动画原理的实现
2019/02/13 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
vue.js 实现a标签href里添加参数
2019/11/12 Javascript
用python做一个搜索引擎(Pylucene)的实例代码
2017/07/05 Python
Python实现的求解最大公约数算法示例
2018/05/03 Python
Python解析并读取PDF文件内容的方法
2018/05/08 Python
基于pip install django失败时的解决方法
2018/06/12 Python
Django中使用 Closure Table 储存无限分级数据
2019/06/06 Python
python实现同一局域网下传输图片
2020/03/20 Python
详解如何通过H5(浏览器/WebView/其他)唤起本地app
2017/12/11 HTML / CSS
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
Kathmandu英国网站:新西兰户外运动品牌
2017/03/27 全球购物
Superdry极度干燥美国官网:英国制造的服装品牌
2018/11/13 全球购物
JPA的特点
2014/10/25 面试题
小学音乐教学反思
2014/02/05 职场文书
村党支部公开承诺书
2014/05/29 职场文书
党的群众路线教育实践活动督导组工作情况汇报
2014/10/28 职场文书
单位租车协议书
2015/01/29 职场文书
春晚观后感
2015/06/11 职场文书
班主任培训研修日志
2015/11/13 职场文书
优秀共产党员事迹材料2016
2016/02/29 职场文书
python 机器学习的标准化、归一化、正则化、离散化和白化
2021/04/16 Python
Python各协议下socket黏包问题原理
2022/04/12 Python