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 相关文章推荐
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
WEB前端开发都应知道的jquery小技巧及jquery三个简写
Nov 15 Javascript
jQuery改变form表单的action,并进行提交的实现代码
May 25 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
Sep 20 Javascript
BootStrap 超链接变按钮的实现方法
Sep 25 Javascript
详解vue组件通信的三种方式
Jun 30 Javascript
vue脚手架搭建项目的兼容性配置详解
Jul 17 Javascript
Vue项目中使用WebUploader实现文件上传的方法
Jul 21 Javascript
angular中的post请求处理示例详解
Jun 30 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
js实现盒子滚动动画效果
Aug 09 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
《魔兽争霸3》重制版究竟重制了什么?玩家:这么糊弄真的好吗?
2020/05/04 魔兽争霸
PHP中最容易忘记的一些知识点总结
2013/04/28 PHP
PHP提示Cannot modify header information - headers already sent by解决方法
2014/09/22 PHP
php中__destruct与register_shutdown_function执行的先后顺序问题
2014/10/17 PHP
php 在字符串指定位置插入新字符的简单实现
2016/06/28 PHP
PHP开发APP端微信支付功能
2017/02/17 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
php设计模式之策略模式实例分析【星际争霸游戏案例】
2020/03/26 PHP
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
js数组的基本用法及数组根据下标(数值或字符)移除元素
2013/10/20 Javascript
用正则表达式替换图片地址img标签
2013/11/22 Javascript
超赞的jQuery图片滑块动画特效代码汇总
2016/01/25 Javascript
jquery遍历table的tr获取td的值实现方法
2016/05/19 Javascript
JavaScript实现删除数组重复元素的5种常用高效算法总结
2018/01/18 Javascript
Vue响应式原理Observer、Dep、Watcher理解
2019/06/06 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
js单线程的本质 Event Loop解析
2019/10/29 Javascript
[53:13]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第三场 1月18日
2021/03/11 DOTA
python算法表示概念扫盲教程
2017/04/13 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
Python cookbook(数据结构与算法)对切片命名清除索引的方法
2018/03/13 Python
pyspark操作MongoDB的方法步骤
2019/01/04 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
Python 3.8正式发布,来尝鲜这些新特性吧
2019/10/15 Python
Python Process多进程实现过程
2019/10/22 Python
python实现人性化显示金额数字实例详解
2020/09/25 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
新闻专业推荐信范文
2013/11/20 职场文书
骨干教师培训制度
2014/01/13 职场文书
毕业生工作求职信
2014/06/30 职场文书
执法作风整顿剖析材料
2014/10/11 职场文书
2014年小学教学工作总结
2014/11/13 职场文书
典型事迹材料范文
2014/12/29 职场文书
《植物妈妈有办法》教学反思
2016/02/23 职场文书
Centos系统通过Docker安装并搭建MongoDB数据库
2022/04/12 MongoDB