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 02 Javascript
用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)
Jun 22 Javascript
javascript date格式化示例
Sep 25 Javascript
JavaScript中发布/订阅模式的简单实例
Nov 05 Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 Javascript
JavaScript跨域调用基于JSON的RESTful API
Jul 09 Javascript
关于验证码在IE中不刷新的快速解决方法
Sep 23 Javascript
Javascrip实现文字跳动特效
Nov 27 Javascript
浅谈js中几种实用的跨域方法原理详解
Dec 02 Javascript
VUE实现表单元素双向绑定(总结)
Aug 08 Javascript
Vue登录注册并保持登录状态的方法
Aug 17 Javascript
策略模式实现 Vue 动态表单验证的方法
Sep 16 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&&mysql)六
2006/10/09 PHP
解析使用substr截取UTF-8中文字符串出现乱码的问题
2013/06/20 PHP
php缩小png图片不损失透明色的解决方法
2013/12/25 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
php程序员应具有的7种能力小结
2014/11/27 PHP
Cygwin中安装PHP方法步骤
2015/07/04 PHP
PHP入门教程之会话控制技巧(cookie与session)
2016/09/11 PHP
关于viewport,Ext.panel和Ext.form.panel的关系
2009/05/07 Javascript
21个值得收藏的Javascript技巧
2014/02/04 Javascript
js获取url中的参数且参数为中文时通过js解码
2014/03/19 Javascript
深入学习jQuery Validate表单验证
2016/01/18 Javascript
JS操作COOKIE实现备忘记录的方法
2016/04/01 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
详解nodeJS之路径PATH模块
2017/05/31 NodeJs
基于Vue实现后台系统权限控制的示例代码
2017/08/29 Javascript
浅谈Vue-cli 命令行工具分析
2017/11/22 Javascript
webpack引入eslint配置详解
2018/01/22 Javascript
如何在Vue中使用CleaveJS格式化你的输入内容
2018/12/14 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
原生Vue 实现右键菜单组件功能
2019/12/16 Javascript
解决vue项目运行提示Warnings while compiling.警告的问题
2020/09/18 Javascript
[00:10]神之谴戒
2019/03/06 DOTA
Python中遍历列表的方法总结
2019/06/27 Python
Python pandas RFM模型应用实例详解
2019/11/20 Python
使用CSS3制作饼状旋转载入效果的实例
2015/06/23 HTML / CSS
Staples美国官方网站:办公用品一站式采购
2016/07/28 全球购物
美国围栏公司:Walpole Outdoors
2019/11/19 全球购物
用Python写一个for循环的例子
2016/07/19 面试题
三个Unix的命令面试题
2015/04/12 面试题
走进敬老院活动总结
2014/07/10 职场文书
忠诚奉献演讲稿
2014/09/12 职场文书
2014年技术员工作总结
2014/11/18 职场文书
大学生思想道德自我评价
2015/03/09 职场文书
开学典礼观后感
2015/06/15 职场文书
Oracle 区块链表创建过程详解
2021/05/15 Oracle