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 27 Javascript
JQuery 写的个性导航菜单
Dec 24 Javascript
通过Javascript将数据导出到外部Excel文档的函数代码
Jun 15 Javascript
JavaScript实现图片拖曳效果
Sep 08 Javascript
vue.js使用3DES加密的方法示例
May 18 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
Nov 16 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
vue使用一些外部插件及样式的配置代码
Nov 18 Javascript
小程序登录之支付宝授权的实现示例
Dec 13 Javascript
Vue实现鼠标经过文字显示悬浮框效果的示例代码
Oct 14 Javascript
React如何使用axios请求数据并把数据渲染到组件
Aug 05 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
?繁体转换的class
2006/10/09 PHP
php中Ioc(控制反转)和Di(依赖注入)
2017/05/07 PHP
PHP批量删除jQuery操作
2017/07/23 PHP
var与Javascript变量隐式声明
2009/09/17 Javascript
23个Javascript弹出窗口特效整理
2011/02/25 Javascript
通过JS获取用户本地图片路径并显示的代码
2012/02/16 Javascript
js拦截alert对话框另类应用
2013/01/16 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
jQuery实现页面内锚点平滑跳转特效的方法总结
2015/05/11 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
2016/05/09 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
浅谈Vue父子组件和非父子组件传值问题
2017/08/22 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
2018/01/16 Javascript
ExtJs整合Echarts的示例代码
2018/02/27 Javascript
微信小程序滑动选择器的实现代码
2018/08/10 Javascript
Vue开发实现吸顶效果的示例代码
2018/08/21 Javascript
jQuery事件多次绑定与解绑问题实例分析
2019/02/19 jQuery
element-ui 文件上传修改文件名的方法示例
2019/11/05 Javascript
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python装饰器入门学习教程(九步学习)
2016/01/28 Python
HTML中使用python屏蔽一些基本功能的方法
2017/07/07 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
python启动应用程序和终止应用程序的方法
2019/06/28 Python
使用 Python 合并多个格式一致的 Excel 文件(推荐)
2019/12/09 Python
Python绘制动态水球图过程详解
2020/06/03 Python
IdealFit官方网站:女性蛋白质、补充剂和运动服装
2019/03/24 全球购物
酒店开业庆典主持词
2014/03/21 职场文书
热爱祖国演讲稿
2014/05/04 职场文书
社会公德演讲稿
2014/05/20 职场文书
优秀研究生主要事迹
2014/06/03 职场文书
市级三好学生事迹材料
2014/08/27 职场文书
2014年行政后勤工作总结
2014/12/06 职场文书
先进学校事迹材料
2014/12/30 职场文书
python使用pymysql模块操作MySQL
2021/06/16 Python