JavaScript使用DeviceOne开发实战(二) 生成调试安装包

 更新时间:2015年12月01日 12:00:22   作者:jonh.felix  
这篇文章主要介绍了JavaScript使用DeviceOne开发实战(二) 生成调试安装包的相关资料,需要的朋友可以参考下

在上篇文章给大家介绍了JavaScript使用DeviceOne开发实战(一) 配置和起步,本篇文章继续给大家介绍关于javascript实战相关内容,一起学习吧。

生成调试安装包

首先需要说明的是,这个步骤并不是每次调试App都必须的,大部分情况生成一次调试安装包,安装到手机上之后就可以忽略整个这个步骤。因为调试安装包包含了很多原生组件,都是可以定制勾选的,如果你需要额外增加一些原生组件,则需要勾选更多的组件并要重新生成调试安装包。

点击调试程序的菜单里的“Build Debug Version”按钮,如果没有登录过,会提示登录

如果打开了多个项目,需要选择一个你想要打包的具体项目,打包的时候需要联网。


只需要几分钟,”打包中…” 就会完成,变成“下载安装”,点击后,你可以选择二维码安装或者下载文件到电脑上然后通过工具来安装到手机上。


调试开发

在移动设备(手机或pad)上安装上一个步骤生成的安装包之后,基本界面如下,Android,IOS和Winphone基本界面是一样的。要调试需要先在设计器中的”Service”右键点击”Create”按钮,然后点击“Start”启动服务,记录下显示的ip地址和port号,再将ip地址输入手机上调试版本的“服务地址”,注意要确保手机的ip和设计器所在ip在同一网段,否则无法通信。最后再点击”更新“按钮

更新成功后,点击”进入“按钮,就能看到设计器上开发的App在手机上的真实效果了,我们可以看到和设计器上看到的效果完全一致,能看到绿色label,也能点击”Say Hello“按钮,会弹出”Hello DeviceOne!!!“。就这样,我们在设计器上可以继续修改代码,修改UI,然后再次点击”更新“按钮和”进入“按钮就可以实时的看到开发的效果。一直到这个App完成所有你需要达到的功能。

目前还不支持单步调试。目前支持alert,toast方式调试和deviceone.print调试。其中print调试可以实时把打印的数据显示在设计器的”调试日志“,但是需要确保调试终端的”显示日志“勾选上。


发布应用

应用开发完后通过云端的打包服务即可将程序打成一个正式的安装包,有自己的图标,名称,签名等等,可以上传官方的Appstore,可以给最终用户下载使用。只需点击设计器中的“Build Single Version”按钮,最后安装包在下载页面下载即可。


To Be Continue.......

相关文章

  • Javascript代码混淆综合解决方案-Javascript在线混淆器

    Javascript代码混淆综合解决方案-Javascript在线混淆器

    Javascript代码混淆综合解决方案-Javascript在线混淆器...
    2006-12-12
  • javascript中的作用域和闭包详解

    javascript中的作用域和闭包详解

    这篇文章主要向大家介绍了javascript中的作用域和闭包,以及利用js闭包实现循环绑定事件,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 详解JavaScript如何利用异步解密回调地狱

    详解JavaScript如何利用异步解密回调地狱

    为了更好地处理这些异步操作,JavaScript 引入了异步编程的概念,这篇文章主要来和大家详细聊聊JavaScript中异步的相关应用,希望对大家有所帮助
    2024-02-02
  • javascript解析json实例详解

    javascript解析json实例详解

    这篇文章主要介绍了javascript解析json的方法,以实例形式详细讲述了javascript的json库用法,需要的朋友可以参考下
    2014-11-11
  • Layui表格行内动态编辑数据

    Layui表格行内动态编辑数据

    本文主要介绍经典前端框架 layui 中的动态表格数据操作,结合 JQuery 动态编辑单元格中的数据,具有一定的参考价值,感兴趣的可以了解一下
    2021-08-08
  • 使用JavaScript实现实时搜索建议功能

    使用JavaScript实现实时搜索建议功能

    在我们的技术旅程中,JavaScript 无疑是一个不可或缺的伙伴,这篇文章主要为大家详细介绍了如何使用 JavaScript 来实现一个复杂功能,即实时搜索建议,感兴趣的可以了解下
    2024-02-02
  • Bootstrap table使用方法详细介绍

    Bootstrap table使用方法详细介绍

    bootstrap-table是在bootstrap-table的基础上写出来的,专门用于显示数据的表格插件。这篇文章主要为大家详细介绍了JS组件Bootstrap Table使用方法,具有一定的实用性和参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 详解uniapp分包的实现方式及优点

    详解uniapp分包的实现方式及优点

    当今移动应用开发领域,随着用户对于应用功能和体验的要求不断提高,应用程序的复杂度也在不断增加,在这种情况下,应用程序的体积也随之增大,为了解决这个问题,Uniapp提供了分包功能,本文将详细介绍Uniapp分包的功能和优势,包括如何通过配置文件实现分包
    2023-09-09
  • js对象的读取速度实例详解

    js对象的读取速度实例详解

    在本篇文章里小编给大家整理了一篇关于js对象的读取速度实例详解内容,有需要的朋友们可以跟着学习下。
    2021-11-11
  • 微信小程序对图片进行canvas压缩的方法示例详解

    微信小程序对图片进行canvas压缩的方法示例详解

    这篇文章主要给大家介绍了关于微信小程序对图片进行canvas压缩的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-11-11

最新评论