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 打印页面代码
Mar 24 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
js、jquery图片动画、动态切换示例代码
Jun 03 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
Jun 15 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
Nov 25 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
JavaScript原生实现观察者模式的示例
Dec 15 Javascript
小程序云开发获取不到数据库记录的解决方法
May 18 Javascript
JS控制GIF图片的停止与显示
Oct 24 Javascript
Vue项目打包编译优化方案
Sep 16 Javascript
分享15个Webpack实用的插件!!!
Mar 31 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脚本的10个技巧(5)
2006/10/09 PHP
php 友好URL的实现(吐血推荐)
2008/10/04 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
ThinkPHP标签制作教程
2014/07/10 PHP
PHP children()函数讲解
2019/02/03 PHP
基于jquery实现的鼠标拖拽元素复制并写入效果
2011/08/23 Javascript
JS记录用户登录次数实现代码
2014/01/15 Javascript
javascript中的throttle和debounce浅析
2014/06/06 Javascript
JS判断字符串包含的方法
2015/05/05 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
2015/12/03 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
ES6新特性之Symbol类型用法分析
2017/03/31 Javascript
bootstrap fileinput组件整合Springmvc上传图片到本地磁盘
2017/05/11 Javascript
微信小程序实现添加手机联系人功能示例
2017/11/30 Javascript
微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能
2019/07/20 Javascript
使用Vue实现调用接口加载页面初始数据
2019/10/28 Javascript
js实现点击上传图片并设为模糊背景
2020/08/02 Javascript
js实现点击烟花特效
2020/10/14 Javascript
SpringBoot+Vue开发之Login校验规则、实现登录和重置事件
2020/10/19 Javascript
python实现支持目录FTP上传下载文件的方法
2015/06/03 Python
Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
2016/07/02 Python
Python Django框架单元测试之文件上传测试示例
2019/05/17 Python
Python爬虫HTPP请求方法有哪些
2020/06/03 Python
浅析python 字典嵌套
2020/09/29 Python
Python图像读写方法对比
2020/11/16 Python
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
阿根廷旅游网站:almundo阿根廷
2018/02/12 全球购物
Laura Geller官网:美国彩妆品牌
2018/12/29 全球购物
澳大利亚波西米亚风连衣裙在线商店:Fortunate One
2019/04/01 全球购物
土木工程建筑专业毕业生求职信
2013/10/21 职场文书
新驾驶员个人自我评价
2014/01/03 职场文书
办理信用卡工作证明
2014/01/11 职场文书
教师政风行风自查自纠报告
2014/10/21 职场文书
幼儿园教学反思范文
2016/03/02 职场文书
Python+腾讯云服务器实现每日自动健康打卡
2021/12/06 Python