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判断浏览器是否是IE的比较好的办法
May 08 Javascript
window.open被浏览器拦截后的自定义提示效果代码
Nov 19 Javascript
解析window.open的使用方法总结
Jun 19 Javascript
javascript常见数据验证插件大全
Aug 03 Javascript
vue-resource 拦截器使用详解
Feb 21 Javascript
前端自动化开发之Node.js的环境搭建教程
Apr 01 Javascript
原生javascript实现分页效果
Apr 21 Javascript
Mongoose实现虚拟字段查询的方法详解
Aug 15 Javascript
vue组件父与子通信详解(一)
Nov 07 Javascript
vue+Element-ui实现分页效果实例代码详解
Dec 10 Javascript
Electron vue的使用教程图文详解
Jul 05 Javascript
vue-next/runtime-core 源码阅读指南详解
Oct 25 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/10/20 PHP
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
php结合md5的加密解密算法实例
2016/09/30 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
jquery获取radio值实例
2014/10/16 Javascript
Javascript中innerHTML用法实例分析
2015/01/12 Javascript
jquery插件Jplayer使用方法简析
2016/04/22 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
JS无缝滚动效果实现方法分析
2016/12/21 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
2017/02/24 Javascript
详解使用vue实现tab 切换操作
2017/07/03 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
Vue实现base64编码图片间的切换功能
2019/12/04 Javascript
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
[44:40]2018DOTA2亚洲邀请赛3月30日 小组赛A组Liquid VS OG
2018/03/31 DOTA
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
python中使用OpenCV进行人脸检测的例子
2014/04/18 Python
python 实现网上商城,转账,存取款等功能的信用卡系统
2016/07/15 Python
python生成随机图形验证码详解
2017/11/08 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Python shutil模块用法实例分析
2019/10/02 Python
python语言线程标准库threading.local解读总结
2019/11/10 Python
基于python调用psutil模块过程解析
2019/12/20 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
关于Theano和Tensorflow多GPU使用问题
2020/06/19 Python
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
电气工程及其自动化自我评价四篇
2013/09/24 职场文书
国贸专业个人求职信范文
2014/01/08 职场文书
迎八一活动主题
2014/01/31 职场文书
中药专业毕业自荐书范文
2014/02/08 职场文书
2014年感恩母亲演讲稿
2014/05/27 职场文书
二年级语文下册复习计划
2015/01/19 职场文书
中秋节感想
2015/08/10 职场文书
Java内存模型之happens-before概念详解
2021/06/13 Java/Android