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 自定义动画概述及示例
Mar 29 Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
完美实现js焦点轮播效果(一)
Mar 07 Javascript
JavaScript中transform实现数字翻页效果
Mar 08 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
JavaScript实现旋转轮播图
Aug 18 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
vue小白入门教程
Apr 02 Javascript
Vue组件之极简的地址选择器的实现
May 31 Javascript
JS控制下拉列表左右选择实例代码
May 08 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注入点构造代码
2008/06/14 PHP
IIS php环境配置PHP5 MySQL5 ZendOptimizer phpmyadmin安装与配置
2008/11/18 PHP
php动态生成版权所有信息的方法
2015/03/24 PHP
PHP实现的迪科斯彻(Dijkstra)最短路径算法实例
2017/09/16 PHP
原生javascript实现拖动元素示例代码
2014/09/01 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
2016/03/28 Javascript
jQuery解决IE6、7、8不能使用 JSON.stringify 函数的问题
2016/05/31 Javascript
浅谈JavaScript的全局变量与局部变量
2016/06/10 Javascript
JS实现太极旋转思路分析
2016/12/09 Javascript
jQuery事件详解
2017/02/23 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
js微信分享实现代码
2020/10/11 Javascript
浅谈Vue.js中ref ($refs)用法举例总结
2017/12/19 Javascript
p5.js入门教程之图片加载
2018/03/20 Javascript
JavaScript+Canvas实现彩色图片转换成黑白图片的方法分析
2018/07/31 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
微信小程序实现日历签到
2020/09/21 Javascript
[27:02]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第三场
2014/05/24 DOTA
[04:04]显微镜下的DOTA2第六期——电影级别的华丽团战
2014/06/20 DOTA
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
[01:05:59]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第二场 8.22
2019/09/05 DOTA
Python 执行字符串表达式函数(eval exec execfile)
2014/08/11 Python
Python pass详细介绍及实例代码
2016/11/24 Python
python OpenCV学习笔记之绘制直方图的方法
2018/02/08 Python
浅谈python3发送post请求参数为空的情况
2018/12/28 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
python爬虫实现爬取同一个网站的多页数据的实例讲解
2021/01/18 Python
新西兰最大的品牌运动鞋购物网站:Platypus NZ
2017/10/27 全球购物
车间班组长的职责
2013/12/13 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
学校中层领导培训心得体会
2016/01/11 职场文书
优秀大学生申请书
2019/06/24 职场文书
“爱眼护眼,提前预防近视”倡议书3篇
2019/10/30 职场文书
python利用while求100内的整数和方式
2021/11/07 Python