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 相关文章推荐
window.dialogArguments 使用说明
Apr 11 Javascript
20款非常优秀的 jQuery 工具提示插件 推荐
Jul 15 Javascript
JavaScript中的onerror事件概述及使用
Apr 01 Javascript
jQuery实现表格颜色交替显示的方法
Mar 09 Javascript
JS中prototype的用法实例分析
Mar 19 Javascript
jquery京东商城双11焦点图多图广告特效代码分享
Sep 06 Javascript
javascript发送短信验证码实现代码
Nov 12 Javascript
动手写一个angular版本的Message组件的方法
Dec 16 Javascript
vue项目中使用ueditor的实例讲解
Mar 05 Javascript
Vue动态加载异步组件的方法
Nov 21 Javascript
详解js location.href和window.open的几种用法和区别
Dec 02 Javascript
Vue3 实现双盒子定位Overlay的示例
Dec 22 Vue.js
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来写记数器(详细介绍)
2006/10/09 PHP
PHP学习笔记 IIS7下安装配置php环境
2012/10/29 PHP
ThinkPHP安装和设置
2015/07/27 PHP
php编程中echo用逗号和用点号连接的区别
2016/03/26 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
php用户名的密码加密更安全的方法
2019/06/21 PHP
JavaScript常用的弹出广告及背投广告实现方法
2015/02/06 Javascript
学习JavaScript设计模式(继承)
2015/11/26 Javascript
快速掌握WordPress中加载JavaScript脚本的方法
2015/12/17 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
vue解决弹出蒙层滑动穿透问题的方法
2018/09/22 Javascript
VueJS 组件参数名命名与组件属性转化问题
2018/12/03 Javascript
详解Webpack如何引入CDN链接来优化编译后的体积
2019/06/21 Javascript
vue实现axios图片上传功能
2019/08/20 Javascript
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
使用python编写监听端
2018/04/12 Python
python在新的图片窗口显示图片(图像)的方法
2019/07/11 Python
python读取Excel表格文件的方法
2019/09/02 Python
python计算无向图节点度的实例代码
2019/11/22 Python
使用Python构造hive insert语句说明
2020/06/06 Python
Python实现爬取并分析电商评论
2020/06/19 Python
python中Mako库实例用法
2020/12/31 Python
CSS3制作日历实现代码
2012/01/21 HTML / CSS
html+js 实现markdown编辑器效果
2019/10/23 HTML / CSS
同步和异步有何异同,在什么情况下分别使用他们
2013/04/09 面试题
客服文员岗位职责
2013/11/29 职场文书
安全教育心得体会
2013/12/29 职场文书
主要领导对照检查材料
2014/08/26 职场文书
公司领导班子群众路线四风问题对照检查材料
2014/10/02 职场文书
县政府班子个人对照检查材料
2014/10/05 职场文书
小学生运动会广播
2015/08/19 职场文书
关于考试抄袭的检讨书
2019/11/02 职场文书