精华内容
下载资源
问答
  • Dcloud学习资料汇总+视频教程

    千次阅读 2018-11-22 13:44:34
    Dcloud学习资料汇总+视频教程 视频教程 HBuilder mui 转自:http://ask.dcloud.net.cn/article/715 1、首先记住以下3个常用网站: DCloud官网:http://www.dcloud.io/ MUI官网:http://dev.dcloud.net.cn/mui/ ...

    Dcloud学习资料汇总+视频教程

    视频教程 HBuilder mui

    转自:http://ask.dcloud.net.cn/article/715

    1、首先记住以下3个常用网站:
    DCloud官网:http://www.dcloud.io/
    MUI官网:http://dev.dcloud.net.cn/mui/
    专业培训:http://www.dongyixueyuan.com/

    2、学习顺序
    (1)MUI、5+、Native.js等相关知识参照DCloud官方文档
    (2)5+API,即HTML5+联盟中的HTML5+规范
    (3)MUI
    直接报名可以跳过自学部分,让老师来教。

    3、资源汇总
    MUI-FAQ:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/122
    APP优化技巧:http://ask.dcloud.net.cn/docs/#http://ask.dcloud.net.cn/article/25
    视频教程:https://ke.qq.com/course/71784#term_id=100131434

    4、官方相关视频
    如何让Android手机的HTML5 App性能体验接近原生 王安(DCloud CEO
    http://v.youku.com/v_show/id_XNzYyNzI3NDQw.html

    mui—让HTML5达到原生体验的高性能框架 崔红保(Dcloud 前端工程
    http://v.youku.com/v_show/id_XNzYyOTEyMjcy.html?from=s1.8-1-1.2

    Native.js,让js像原生一样强大+++江树源(数字天堂CTO)
    http://v.youku.com/v_show/id_XNzYzNTcwNDI4.html

    5、Dcloud指定培训机构:东翌学院-小班直播教学+课程源码+视频回放+老师辅导+vip学员群
    立即试学>>>跨平台App开发直播VIP班

    推荐国内首推的跨平台移动APP开发专业培训机构-东翌学院是Dcloud的合作培训机构,跨平台APP开发整体课程在线直播+课程源码+全套视频,最新最全的APP开发,HB和MUI的全套视频,零基础都可以学习,更有高级进修课程,30天最快速的开发跨平台APP!咨询报名QQ:410355878 网址:http://www.dongyixueyuan.com/ 欢迎有意向学习的朋友加好友咨询!谢谢Dcloud提供这么好的平台!

    分享一个mui的视频,感觉不错 http://edu.51cto.com/course/12939.html

    展开全文
  • 3DCloud照片建模基本教程,文档类型word. 本文档介绍了从镜头选型、相机设置、光圈参数、场景条件要求、照片处理等都做了详细说明。
  • dcloud从入门到入坑

    万次阅读 2018-02-11 13:09:52
    dcloud是一个webapp云打包平台,你可以通过他扩展你的网页功能 官方叫他们的产品名字为 HTML5 Plus移动App,简称5+App,是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用...

    一、简介
    dcloud是一个webapp云打包平台,你可以通过他扩展你的网页功能
    官方叫他们的产品名字为

    HTML5 Plus移动App,简称5+App,是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。

    嗯,是一种基于HTML、JS、CSS编写的运行于手机端的App,那么具体是怎么做的呢?
    继续看文档

    HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

    扩展了一个plus对象啊,就是说可以通过dcloud实现的plus对象来调用原生api。
    但是dcloud并不是把所有的原生api都封装到时plus对象中。
    dcloud把api分为两部分
    1.HTML5Plus规范

    常用的扩展能力,比如二维码、语音输入,都封装到了规范中,同时实现了Android和iOS的解析引擎,使得开发者的代码编写一次,可跨平台运行。只要调用plus.对象(html5plus规范的对象,详细请看文档)
    html5plus是常见的原生api,并不是所有的原生api,原生的api太多了。但是dcloud也可以调用其他api,就是第二部分

    2.natave.js

    Native.js把几十万原生API映射成了js对象,通过js可以直接调ios和android的原生API。这部分就不再跨平台,写法分别是plus.ios和plus.android,比如调ios game center,或在android手机桌面创建快捷方式,这些都是平台专有的api。Native.js把几十万原生API映射成了js对象,通过js可以直接调ios和android的原生API。这部分就不再跨平台,写法分别是plus.ios和plus.android,比如调ios game center,或在android手机桌面创建快捷方式,这些都是平台专有的api。

    二、5+ App概念解析

    首先开发者需要清楚你要做什么,是一个mobile web项目,运行里浏览器里?还是要做一个app,安装和运行在手机上?或者要把一个mobile web项目打包成app?
    1. 做一个mobile web项目
    在这个模式下,开发者用不到HTML5Plus,使用标准的HTML5语法,运行在浏览器里。这不算5+ App。
    此时开发者仍然可以使用HBuilder这个开发工具,新建项目时选择web项目。
    开发者也仍然可以使用DCloud提供的mui开源框架,来简化ui的开发。
    但这就是一个普通的web项目,b/s方式,不可脱线运行,不能调用HTML5Plus的增加api。
    2. 做一个正统的app
    传统意义上的app,是c/s方式的,它的程序要安装和运行在手机上,不通过浏览器在线下载。
    此时开发者在HBuilder里新建项目时,选择“移动App”。
    在移动App项目下编写的HTML、js等文件,是会被打包到原生的安装包(Android是apk包、iOS是ipa包)里的。
    此时本地的js和服务器通过ajax交互,由服务器按接口方式给出数据(一般是json),然后客户端的js文件解析json,并根据本地的业务逻辑来渲染页面和执行功能。
    所以请不要新建一个移动App项目,然后把本来运行在服务器端的php等文件也都丢到这个项目下。
    web项目始终是web项目,哪怕要在app项目里某个界面里,在线加载一个远程的网页,也要把这个远程网页的代码,放到web项目下。
    移动App项目下,只有能有html、js、css、json以及一些图片或数据文件,不能包括php、jsp、py等服务器页面。
    3. 使用wap2app打包mobile web项目为app
    如果开发者想把一个做好的mobile web站,方便快速的打包成app,那么要使用DCloud的wap2app框架。
    在HBuilder中新建项目时,选wap2app项目,把mobile web站的url输入进去,参考框架的教程来配置。
    wap2app不同于普通的web打包技术,wap2app可真正做达到原生应用的功能和性能体验。
    具体教程另见:文档中心-wap2app,http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/1244
    wap2app属于5+app,它底层也是强大的HTML5Plus规范和Native.js在支撑。
    wap2app项目下的所有文件,也都是打包在本机运行的。
    4. 如果你想开发一次,全端覆盖,那么需要使用mui框架
    具体参考:http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/591

    官方入门
    我拿dcloud都是用来把vue打包后的文件,放到dcloud进行打包,做一些原生api处理,如返回按纽啥的。代码都写在index.html里

    展开全文
  • DCloud使用小结

    千次阅读 2015-04-12 23:12:19
    DCloud使用小结 DCloud使用小结 1、 相关地址 官网首页 http://www.dcloud.io/ HTML5+文档 http://www.html5plus.org/#specification MUI文档 http://dcloudio.github.io/mui/ 2、 DCloud是什么? ...

    DCloud使用小结

    DCloud使用小结
    1、 相关地址
    官网首页 http://www.dcloud.io/
    HTML5+文档 http://www.html5plus.org/#specification
    MUI文档 http://dcloudio.github.io/mui/

    2、 DCloud是什么?
    DCloud是一个移动APP开发(HTML5)的解决方案。主要包括IDE(HBuilder)、HTML5 API(HTML5+)和一个移动前端框架(MUI)。

    3、 HBuilder
    HBuilder是一个以Eclipse为内核的Web开发IDE,比较有特色的功能有:代码助手、手机实时调试、团队协作、云编译等。
    a) 创建项目
    通过创建项目向导,选择创建 移动APP ,项目模版可以视情况选择空模版或者mui项目。
    b) 真机联调
    首先确定安装手机助手,并且手机能通过数据线正常连接电脑。然后在工具栏的运行->手机运行功能在手机中运行开发中的app项目。
    c) 打包编译
    通过工具栏的 发行->APP打包 功能,可以将项目在云端编译成app。
    也可以通过HTML5+ SDK实现本地打包功能(需要配置本地环境)。

    4、 HTML5+
    a) HTML5+包含29大模块
    Accelerometer(管理设备加速度传感器)
    Audio(音频的录制和播放功能)
    Barcode(二维码扫描识别功能)
    Cache(管理应用缓存)
    Camera(管理设备的摄像头)
    Contacts(管理系统通讯录)
    Device(获取手机设备的相关信息)
    Downloader(管理文件下载)
    Events(管理客户端事件)
    File(管理本地文件系统)
    Gallery(管理系统相册)
    Geolocation(管理设备位置信息)
    Key(管理设备按键事件)
    Maps(管理地图控件)
    Messaging(管理设备通讯功能,如短信彩信邮件)
    nativeUI(管理系统原生界面)
    Navigator(管理浏览器运行环境信息)
    Orientation(管理设备的方向信息)
    Payment(管理支付功能)
    Push(管理推送消息功能)
    Runtime(管理运行环境)
    Share(管理客户端的社交分享功能)
    Speech(管理语音输入功能)
    Statistic(管理统计功能)
    Storage(管理应用本地数据)
    Uploader(管理网络上传)
    Webview(管理应用窗口界面)
    XMLHttpRequest(管理网络请求)
    Zip(管理文件压缩和解压)
    通过js就可以调用,基本可以满足简单的HTML5 APP开发。
    b) Native.js,能够将手机原生对象映射为js对象,然后通过js来调用原生的API。
    c) 如果以上模块以及原生对象都无法实现需求,还可以通过扩展,自行编写底层代码,然后通过js调用。

    5、 MUI
    官方宣称MUI是最接近原生APP体验的高性能前端框架。
    MUI包括页面布局(CSS组件)及交互事件(Javascript),CSS组件包括各自控件,如页面、导航、列表、菜单、按钮、图标、滑块、输入框等。Javascript事件包括创建子页面、关闭页面、手势事件配置、预加载、下拉刷新、上拉加载等。
    使用MUI可以快速打造一个HTML5应用的前端。
    当然也可以使用其他第三方前端框架代替,或者不使用任何框架。

    6、 团队协作
    a) 团队协作可以通过svn或git插件来实现,在菜单栏的工具->插件安装中可以选择SVN或EGIT安装,然后重启IDE即可。以下以SVN为例。
    b) 安装完插件后,项目管理器的右键菜单上会多一个Team项,未纳入SVN管理的项目,可以通过“共享项目”功能来设置SVN地址和帐号密码等。
    c) 如果是加入别人的项目,可以通过在项目管理器右键菜单的导入功能。
    d) 通过右上角的下拉框可以切换开发视图与团队协作视图。

    7、 DCloud开发项目简单实例
    a) 官方实例:在IDE中创建项目时选择对应的模版,即可创建对应的包含详细代码的项目实例。
    b) 一句代码将上学吧触屏版转为移动APP

    c) 视频播放器移动版Demo

    展开全文
  • ylbtech-DCloud-HTML5+:5+ App开发入门指南 1.返回顶部 1、 5+ App开发入门指南 AppApp入门 HTML5 Plus应用概述 HTML5 Plus移动App,简称5+App,是一种基于HTML、JS、CSS编写...
    ylbtech-DCloud-HTML5+:5+ App开发入门指南

     

    1.返回顶部
    1、

    5+ App开发入门指南

    HTML5 Plus应用概述

    HTML5 Plus移动App,简称5+App,是一种基于HTML、JS、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。

    HTML5 Plus规范

    通过HTML5开发移动App时,会发现HTML5很多能力不具备。为弥补HTML5能力的不足,在W3C中国的指导下成立了HTML5中国产业联盟www.html5plus.org组织,推出HTML5+规范。目前该联盟已经挂靠在工信部信通院标准所下,相关标准已经成为行业标准。
    HTML5+规范是一个开放规范,隶属于工信部,允许三方浏览器厂商或其他手机runtime制造商实现。
    HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。
    除了功能外,HTML5+很重要的特点是提供了原生的渲染能力,通过plus.webview、plus.nativeObj、plus.nativeUI,让开发者可以使用js来调用原生渲染能力,实现体验的大幅提升。
    原生的api多达40万,HTML5+的封装并非把40万api都封装了一遍,而是分成了2个层面:
    - HTML5Plus规范:常用的扩展能力,比如二维码、语音输入,都封装到了规范中,同时实现了Android和iOS的解析引擎,使得开发者的代码编写一次,可跨平台运行。
    - Native.js是另一项创新技术。手机OS的原生API有四十多万,大量的API无法被HTML5使用。Native.js把几十万原生API映射成了js对象,通过js可以直接调ios和android的原生API。这部分就不再跨平台,写法分别是plus.ios和plus.android,比如调ios game center,或在android手机桌面创建快捷方式,这些都是平台专有的api。
    Native.js的用法示例,var obj= plus.android.import("android.content.Intent");,将一个原生对象android.content.Intent映射为js对象obj,然后在js里操作obj对象的方法属性就可以了。
    Native.js的详细教程可以参考:5+ App开发Native.js入门指南
    在5+App里,同时包含了HTML5Plus规范和Native.js的实现,开发者可以在5+App里自由使用相关技术。

    5+ App概念解析

    首先开发者需要清楚你要做什么,是一个mobile web项目,运行在浏览器里?还是要做一个app,安装和运行在手机上?或者要把一个mobile web项目打包成app?
    1. 做一个mobile web项目
    在这个模式下,开发者用不到HTML5Plus,使用标准的HTML5语法,运行在浏览器里。这不算5+ App。
    此时开发者仍然可以使用HBuilder这个开发工具,新建项目时选择web项目。
    开发者也仍然可以使用DCloud提供的mui开源框架,来简化ui的开发。
    但这就是一个普通的web项目,b/s方式,不可脱线运行,不能调用HTML5Plus的增加api。
    2. 做一个正统的app
    传统意义上的app,是c/s方式的,它的程序要安装和运行在手机上,不通过浏览器在线下载。
    此时开发者在HBuilder里新建项目时,选择“移动App”。
    在移动App项目下编写的HTML、js等文件,是会被打包到原生的安装包(Android是apk包、iOS是ipa包)里的。
    此时本地的js和服务器通过ajax交互,由服务器按接口方式给出数据(一般是json),然后客户端的js文件解析json,并根据本地的业务逻辑来渲染页面和执行功能。
    所以请不要新建一个移动App项目,然后把本来运行在服务器端的php等文件也都丢到这个项目下。
    web项目始终是web项目,哪怕要在app项目里某个界面里,在线加载一个远程的网页,也要把这个远程网页的代码,放到web项目下。
    移动App项目下,只有能有html、js、css、json以及一些图片或数据文件,不能包括php、jsp、py等服务器页面。
    3. 使用wap2app打包mobile web项目为app
    如果开发者想把一个做好的mobile web站,方便快速的打包成app,那么要使用DCloud的wap2app框架。
    在HBuilder中新建项目时,选wap2app项目,把mobile web站的url输入进去,参考框架的教程来配置。
    wap2app不同于普通的web打包技术,wap2app可真正做达到原生应用的功能和性能体验。
    具体教程另见:文档中心-wap2app,http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/1244
    wap2app属于5+app,它底层也是强大的HTML5Plus规范和Native.js在支撑。
    wap2app项目下的所有文件,也都是打包在本机运行的。
    4. 如果你想开发一次,全端覆盖,那么需要使用mui框架
    具体参考:http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/591

    HTML5+ 应用架构

    HTML5+ 应用架构图

    HTML5+ 规范 API 及demo示例

    最新规范请参考http://www.html5plus.org/#specification
    手机端体验各个API的实现效果,ios手机在Appstore搜索Hello H5+,Android手机下载地址
    在HBuilder中新建移动App,选Hello H5+,即可看到这个demo的源代码。

    开发环境HBuilder

    HBuilder内置HTML5+ APP开发环境,提供一套完整的移动应用开发解决方案。内置HTML5+ API语法提示,提高开发效率;集成真机运行环境,方便开发后即时在真机上查看运行效果;集成应用云端打包系统,不用部署xcode和Android sdk就可以打包应用。使开发者只需要使用HTML5、Javascript、CSS技术就可以快速开发跨平台的移动应用。
    下载地址:http://www.dcloud.io/

    平台支持

    • iOS 5.0及以上
    • Android 2.3及以上

    手把手教你开发HelloWorld

    创建HelloWorld应用

    • 启动HBuilder(下载地址:http://www.dcloud.io/);
    • 在菜单栏中选择“文件”-> “新建”->“移动App”(快捷键Ctrl+N A),打开“创建移动App”对话框,在应用名称中输入“HelloWorld”;
      注意新建移动App需要联网分配一个appid,在真机联调、打包发行时都需要这个ID,所以不联网无法创建移动App。
      创建移动App图
    • 创建完成后,会在项目管理器中显示新建的“HelloWorld”项目
      创建移动App完成图

    manifest.json

    在项目管理器中双击“manifest.json”文件,打开应用配置页面:
    manifest.json配置图
    对于要打包的原生应用而言,其各种配置均在此处。具体配置教程见:Manifest.json文件配置,或者点击配置页面上的“manifest文件配置指南”链接。

    调用HTML5+ API

    在项目管理器中双击“index.html”文件(快捷键Ctrl+T 然后输入in选择文件回车),对于HTML5+应用的页面有一个很重要的“plusready”事件,此事件会在页面加载后自动触发,表示所有HTML5+ API可以使用,在此事件触发之前不能调用HTML5+ API,所以应该在此事件回调函数中调用页面初始化需要调用的HTML5+ API,而不应该在onload或DOMContentLoaded事件中调用:

    <!DOCTYPE html>
    <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <title>Hello world</title> <script type="text/javascript">  // 扩展API是否准备好,如果没有则监听“plusready"事件 if(window.plus){ plusReady(); }else{  document.addEventListener( "plusready", plusReady, false ); } // 扩展API准备完成后要执行的操作 function plusReady(){ var ws = plus.webview.currentWebview(); //pw回车可输出plus.webview // ... code } </script>  </head>  <body> </body> </html> 

    编辑程序启动后默认显示的页面index.html,在页面中添加一个按钮,点击后将打开新页面加载“<http://m.csdn.net/>”,为了实现此功能,我们需要用到HTML5+扩展API中plus.webview.createWebview()方法创建窗口:
    创建index.html图
    编辑完成后,按Ctrl+S键保存。

    真机运行 run in device

    写完代码后,我们可以通过真机运行来查看效果。真机运行有3个特点:
    1. 真实。虽然PC端HBuilder的边改边看也可以看大致的页面,但真实的布局效果以及手机上的特殊能力调用,还是必须在真机测试。
    2. 边改边看。在HBuilder更改页面并保存后,可立即同步在真机上看到保存后的显示效果。比开发原生应用还方便。
    3. 检查错误和log。手机运行HTML等文件时如果发生错误以及打印的console.log,都可以在真机运行时从手机端反馈回到HBuilder的控制台,在控制台直接查看。
    注意只有移动App项目才可以真机联调。

    在HBuilder的“项目管理器”中选择创建的“HelloWorld”应用。

    启动真机运行

    将iOS或Android设备连接到电脑,这时HBuilder会自动检测连接到电脑上的设备,通过菜单栏中的“运行”菜单启动:
    通过菜单启动Android真机运行图
    也可通过工具栏启动:
    通过工具栏启动Android真机运行图

    启动真机运行后,在控制台中显示以下信息:
    Android真机运行日志图
    注:如果提示错误信息,请尝试“终止”后重新启动真机运行!

    启动后会弹出提示框,选择“确定”,显示以下页面:
    手机端App运行后截图
    点击按钮后截图

    在Android设备会自动安装并启动HBuilder调试基座,iOS设备需要开发者手动点击手机桌面的HBuilder调试App。
    Android HBuilder应用图

    如果你真机失败,注意看控制台的提示,或点HBuilder菜单-运行里的故障排查指南。
    注意:真机联调App时,提供的是一个测试环境,并不真实发生打包,调试基座App的名字、图标、启动封面图片、是否可旋转这些只有打包才能更改的属性不会因为开发者修改manifest文件而变化。只有修改manifest且点击菜单发行-打包后,上述4个设置才能更改。

    运行后,HBuilder中修改页面代码,保存后会自动同步到手机中,如果手机当前展示着被修改的页面,则会刷新页面。
    尝试在js中在plus ready之后编写console.log,或者改写错误的js,可以直接在HBuilder的控制台看到结果。
    如果真机运行遇到各种故障,请点击运行菜单里的真机运行常见故障指南。

    debug调试

    除了真机运行,我们还可以利用chrome和safari的开发者控制台来调试5+App。
    可以使用真机插上数据线,也可以使用Android或iOS的官方模拟器。所有Api包括plus的各种api,甚至包括plus.ios和plus.android的原生对象,都可以调试。
    在HBuilder的菜单运行里选择打开Webview调试模式,如果手机连接正常,5+App启动,在右侧可看到可调试的页面,点击调试后,打开控制台,和普通的浏览器调试是一样的。

    发行打包

    完成应用页面的编辑后,需要正式打包为原生的apk或ipa安装包。
    首先明确一下,有人说HTML5做的应用无法通过苹果Appstore审核,这是错误的说法。苹果只是拒绝开发者把web站点直接打包上Appstore,不优化任何体验,它认为这是给Appstore制造垃圾应用,如果是原生体验的App,虽然使用HTML5技术,苹果也不会拒绝上架。事实上Appstore上使用HTML5技术的App超过20w。
    HBuilder提供的打包有云打包和本地打包两种。
    HBuilder并不会向开发者收取任何有关打包的费用,也不限制开发者使用本地打包。
    云打包的特点是DCloud官方配置好了原生的打包环境,可以把HTML等文件编译为原生安装包。
    1. 对于不熟悉原生开发的前端工程师,云打包大幅降低了他们的使用门槛。
    2. 对于没有mac电脑的开发者,他们也可以通过云打包直接打出iOS的ipa包。
    无论云打包还是本地打包,都在HBuilder的菜单-发行中。
    本地打包在该菜单下有详细教程,此处仅对云打包进行说明。

    通过菜单栏中的“发行”->“App打包”,打开“App云端打包”对话框提交。
    注意只有移动App项目才可以打包。

    iOS发布

    对于iOS平台,可以选择越狱包或正式包(Appstore专用或企业证书),前者只能安装在已越狱的设备上,后者则可通过iDP证书打包提交到Appstore发布、或通过iEP证书打包在企业内部发布。

    配置打包信息

    • 越狱包
      iOS App云端打越狱包
      AppID:iOS应用标识,推荐使用反向域名风格的字符串,如“com.domainname.appname”。
    • 正式包
      iOS App云端打正式包
      AppID:iOS应用标识,推荐使用反向域名风格的字符串,如“com.domainname.appname”,必须与profile文件绑定的App ID匹配。
      私钥证书:iOS Certificates文件(.p12);
      私钥密码:导入私钥证书的密码;
      Profile文件:iOS Provisioning Profile文件(.mobileprovision),必须与苹果App ID和私钥证书区配;
      证书生成请参考http://ask.dcloud.net.cn/article/152

    查看打包状态

    通过菜单栏中的“发行”->“查看打包状态”,打开“查看App打包状态”对话框,可查看打包历史记录和状态:
    iOS 查看打包状态
    如果“制作状态”栏显示“打包成功,下载完成”则表示云端打包完成,可点击“打开下载目录”查看下载的安装包。

    Android发布

    对于Android平台,可以选择使用DCloud生成的公用证书或自己生成的证书,两者不影响安装包的发布,唯一的差别就是证书中开发者和企业信息不同。

    生成Android签名证书

    (使用DCloud公用证书可忽略此操作)确保电脑上安装了JRE,我们将使用JRE自带的创建和管理数字证书的工具Keytool。使用以下命令生成证书:
    Android生成签名证书

    • keystorehelloworld.keystore 表示生成的证书,可以加上路径(默认在用户主目录下);
    • aliashelloworld 表示证书的别名是helloworld;
    • keyalgRSA 表示采用的RSA算法;
    • validity10000 表示证书的有效期是10000天。

    配置打包信息

    • 使用DCloud公用证书
      Android 使用DCloud公用证书打包
      App包名:Android应用包名,使用反向域名风格的字符串,如“com.domainname.appname”。
    • 使用自有证书
      Android 使用自用证书打包
      App包名:Android应用包名,推荐使用反向域名风格的字符串,如“com.domainname.appname”;
      证书别名:生成证书时使用-alias参数设置的证书别名;
      私钥密码:生成证书时使用的keystore密码;
      证书文件:生成证书时使用-keystore参数设置的证书保存路径;

    查看打包状态

    通过菜单栏中的“发行”->“查看打包状态”,打开“查看App打包状态”对话框,可查看打包历史记录和状态:
    Android 查看打包状态
    如果“制作状态”栏显示“打包成功,下载完成”则表示云端打包完成,可点击“打开下载目录”查看下载的安装包。

    已经打好的安装包,允许开发者在2天内继续下载。2天后服务器端会清除文件。

    遇到打包失败,常见原因是:
    如果使用自用证书,很可能是证书配置错误。
    如果使用DCloud证书仍然出错,很可能是图片错误。所有图片格式必须是标准png,且严格符合分辨率要求。使用其他图片格式重命名为png会导致打包失败!
    其他错误请参考: 云打包常见错误排查指南

    UI框架

    HBuilder并不限制UI框架,开发者使用任何UI框架均可以。
    不过市面上确实没有什么好的手机App前端框架,DCloud开发了mui框架,它的性能更高,样式也更接近原生App,并且mui调用了HTML5+扩展能力,可以实现更好的体验。
    我们强烈推荐开发移动App的开发者使用mui框架,详情请参考文档中心mui章节
    请注意,mui只封装了部分HTML5Plus Api,学会mui框架不代表可以不学习HTML5Plus规范。mui不会做的很重,只是很有限的通过封装简化了常见开发过程。

    开发资源

    API手册:HTML5+规范

    HelloH5+示例应用,应用中包括几乎所有plus API的示例:
    - iOS:Appstore中搜索Hello H5+
    - Android:下载地址

    HelloH5二维码图片
    获取Hello H5+的源代码,在HBuilder中新建移动App,选Hello H5+。可以查看所有plus api的调用样例代码。

    Hello mui示例应用,漂亮且高性能的前端UI框架:
    下载页面

    进阶教程

    如果想开发出接近原生体验的App,请访问如下教程:
    - 提升HTML5的性能体验系列之一 避免切页白屏
    - 提升HTML5的性能体验系列之二 列表流畅滑动
    - 提升HTML5的性能体验系列之三 流畅下拉刷新
    - 提升HTML5的性能体验系列之四 使用原生UI(nativeUI)

    三方培训

    HTML5中国产业联盟里有专业的培训机构为HTML5开发者提供DCloud产品的培训。
    详见专门文章http://ask.dcloud.net.cn/article/299

    发行和变现服务

    在你的app开发完毕后,DCloud还提供了发布平台,帮助开发者简单的完成应用推广页面,参考http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/12936
    如果开发者还需要流量变现,DCloud提供了广告平台,开发者可以方便的在自己的app中集成广告,参考http://ask.dcloud.net.cn/article/13084

    最后,祝你通过DCloud的免费工具,快速完成自己的移动App,并获得更多用户和变现收益!

    2、
    2.返回顶部
     
    3.返回顶部
     
    4.返回顶部
     
    5.返回顶部
    1、
    2、
     
    6.返回顶部
     
    warn作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

    转载于:https://www.cnblogs.com/storebook/p/9183020.html

    展开全文
  • 1、 DCloud介绍和产品架构_高清;2、官方的文档和工具案例展示_高清;3、 用HBuilder开发一个HelloWorld_高清;4、 页面构成、跳转和网络通讯_高清;5、页面构成-创建子页面_高清;等等
  • 关于Cordova的打包教程,可以看另外一位群友@伊何底止丶的文章. Cordova项目中使用BUI框架打包及常见解答 创建一个Webapp工程 buijs 是BUI用来快速构建工程及模板的工具. 如果不想安装,可以直接下载 BUI demo...
  • H builder项目Dcloud离线打包Android教程(一)

    万次阅读 热门讨论 2016-11-16 18:41:50
    app开发发展的越来越迅速,从原生开发到react ...(官网教程地址:http://ask.dcloud.net.cn/article/38) 准备环境: eclipse,Android开发环境,或者直接下集成版的android studio(不会的百度= =) 下载离线打包
  • 关于Cordova的打包教程,可以看另外一位群友@伊何底止丶的文章. Cordova项目中使用BUI框架打包及常见解答 创建一个Webapp工程 buijs  是BUI用来快速构建工程及模板的工具. 如果不想安装,可以直接下载 BUI demo...
  • HBuilder 使用教程

    千次阅读 2016-11-15 09:49:01
    HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了Eclipse的插件。快,是HBuilder的...
  • Dcloud IOS离线打包

    千次阅读 2018-04-16 13:42:35
    申请证书参考https://www.jianshu.com/p/9d9e3699515e下载Hbuilder IOS SDKhttp://ask.dcloud.net.cn/article/103配置Xcode参数关于Apple ID很简单,任何人只要跟苹果设备打交道,必须要有Apple ID。要想打包ipa,...
  • Dcloud与APICluod选择指南

    万次阅读 2019-04-14 14:01:52
    在国内,开发Hybrid App大部分人会选择Dcloud平台 或 APICluod平台。网络上也有许多的对比文章与互撕文章。在这些文章的背后还是没有准确的告诉开发者们应该如何选择。 本文只从实际开发来介绍两者的利弊,及如何...
  • dcloud 的h5+实现APP简单登录页面

    千次阅读 2019-07-25 17:07:28
    最近接到公司一个移动APP项目开发任务,公司决定采用跨端技术来实现一套代码同时兼容安卓和苹果端手机,于是我评估了一下最后决定采用dcloud平台提供mui和htlm5+技术来实现,其实现在市面上有很多优秀的跨端开发技术...
  • HTML5 APP----DCloud产品分析及介绍

    千次阅读 热门讨论 2016-02-03 11:11:10
    0 前言  目前,使用HTML5开发web app或者Hybrid App...但是,学习资料还是比较空缺的。这个指南是笔者个人总结,难免有误,欢迎指正! ...之前写过3个系列的短文,分析了我为什么选择DCloud这个平台。详情戳下面:
  • Web App如何打包? 本文适用于任何的H5打包, 如果你是使用BUI开发的...关于Cordova的打包教程,可以看另外一位群友@伊何底止丶的文章. Cordova项目中使用BUI框架打包及常见解答 首先你已经创建好一个WebApp工程...
  • Dcloud开发webApp踩过的坑

    千次阅读 2018-07-17 12:28:00
    Dcloud开发webApp踩过的坑 一、总结 一句话总结:HTML5+扩展了JavaScript对象plus,使得js可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、...
  • HBuilder安装教程

    千次阅读 多人点赞 2019-07-28 01:35:42
    1.下载教程 1.1:HBuilder的简介: HBuilder是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写,它基于Eclipse,所以顺其自然地兼容了...
  • 对APICloud的认识及与DCloud的简单对比

    万次阅读 2016-11-10 10:25:43
    0Hich的网校:大量免费视频教程: http://dcloud.apk00.com 东翌学院:直播小班开课: http://www.dongyixueyuan.com/ 产品观不同 DCloud的产品观有2个特点,一个是极致,一个是节制。 我们在...
  • Dcloud mui初级入门资源

    千次阅读 2016-12-01 10:10:37
    文章来源:小青年原创 ...相信很多朋友初次接触到dcloud这边的产品,一般都是hbuilder和mui,所以很多朋友对于dcloud这边的产品链的认识也是各不相同。我相信对于很多新手来说,初次使用dcloud这边的产品的第
  • 随着跨平台开发越来越流行,像DCloud这种平台还会越来越多。 --------谷震平 一 概述  我(个人观点)已经分析了Hybrid开发模式的优缺点,也分析了使用该模式的平台的优缺点。所以,选择了DCloud这样的...
  • 0Hich的网校:大量免费视频教程:http://dcloud.apk00.com 东翌学院:直播小班开课:http://www.dongyixueyuan.com/ 产品观不同 DCloud的产品观有2个特点,一个是极致,一个是节制。 我们在关键点上非常追求...
  • 自己简单写了出来,在同桌lxx的鼓励下把它封装成了一个插件发布到了DCLOUD插件市场。 虽然功能很简单,但是很实用哦~ 下面列出使用教程 实现朋友圈图片自适应排列 说明 本组件通常用于需要处理朋友圈或者类似qq空间...
  • 首先我要吐槽一下dcloud平台h5+文档写太不详细了(他多牛B到写得很兴奋),我这里集成的是个推推送平台。按照教程申请配置那些就不讲了当你集成推送配置完成和把通知监听事件添加完后需要注意的细节。 当你测试的...
  • 花了几天查询资料,发现要搞h5的可以用dcloud和apicloud 这两种国产的开发工具。(当然也可以用其他的组件开发前端app,如:ionic和Enact native结合) 首先,dcloud和apicloud比较一下。真心感觉apiclou
  • Android Studio离线打包DCloud Html 5+项目

    千次阅读 2015-09-19 10:26:53
    转载请注明出处谢谢:http://blog.csdn.net/u011504118/article/details/48573053参考资料:Android离线打包前言这两天研究了一下DCloud怎么用,先说一下体验吧。性能还不错,比Cordova/phonegap好多了,但还是有...
  • uniapp学习教程

    万次阅读 多人点赞 2019-05-04 15:53:24
    uniapp入手一年多了,中间用用停停,没有系统的了解过,现在我就把个人认为系统的学习资料存档一份在这。经常更新。 1.入门教程 入门教程当然官网最好:...小白话文的教程:http://ask.dcloud...
  • 关于dcloud离线打包各类问题总结

    千次阅读 2017-04-14 16:05:08
    首先是根据http://ask.dcloud.net.cn/docs/#//ask.dcloud.net.cn/article/210,官方文档的教程一步一步去配置 在androidstudio离线打包的过程中总会出现各种个样的问题,比如说分享功能微信分享,微信分享也是集成...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,553
精华内容 621
关键字:

dcloud教程