前言:博主是Android码农,所以文章是以Android为基础来集成的.uni-app相关介绍官网:https://uniapp.dcloud.io/io.dcloud.EntryProxy的api文档址:https://www.dcloud.io/docs/sdk/android/SDK下载地址:https://ask.dcloud.net.cn/docs/#//ask.dcloud.net.

一、简介dcloud是一个webapp云打包平台，你可以通过他扩展你的网页功能官方叫他们的产品名字为HTML5Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App

设置应用全局默认错误页面5+App和wap2app在应用的manifest.json文件的"plus"->"error"节点的url属性可配置自定义错误页面替换默认的错误页面。

大家好2016-12-25圣诞节这天我失恋了现实1）App能分享一篇文章，能分享一个活动等，到第三方平台2）展示相应的标题、内容以及链接3）进入相应的链接可以唤醒App，不存在客户端时展示App下载页4）被唤醒App后，展示相应的分享详细内容1利用5+的第三方分享，可以把想分享的信息发送到第三方平台相关文章：分享插件开发指南在Dcould社区搜索【分享】相关文章我也简单的写过一个es6版本shar

大家好2016-12-25圣诞节这天我失恋了现实1）App能分享一篇文章，能分享一个活动等，到第三方平台2）展示相应的标题、内容以及链接3）进入相应的链接可以唤醒App，不存在客户端时展示App下载页4）被唤醒App后，展示相应的分享详细内容1利用5+的第三方分享，可以把想分享的信息发送到第三方平台相关文章：分享插件开发指南在Dcould社区搜索【分享】相关文章我也简单的写过一个es6版本shar

:{halfWidth(){returnuni.upx2px(750/2)+'px';//350upx}}3.css获取状态栏的高度var(-status-bar-height)小程序是固定25px；5+

，参数类型为object（用于页面传参），参考示例onShow监听页面显示onReady监听页面初次渲染完成onHide监听页面隐藏onUnload监听页面卸载onResize监听窗口尺寸变化(支持：5+

本组件目前兼容微信小程序、H5、5+APP。

dev.dcloud.net.cn/mui/window/1.mui适用场景说明：为解决HTML5在低端Android机上的性能缺陷，mui引入了原生加速，其中最关键的就是webview控件，因此mui若要发挥其全部能力，需和5+

安装工具下载androidstudio点击下载SDK，提取码:7rfu安装androidstudio安装后启动androidstudio选择不导入这里点击cancel此处选择自定义选择主题勾选AVD以及选择SDK安装位置后面一直点next和finish，点击SDKManager选择22版本，点击apply和ok回到刚刚的界面新建项目

离线打包也称为本地打包，不需要上传代码至Hbuilder云，也可以自己手动配置一些打包相关的信息，如渠道包等。在这里只简单说一下Android平台的离线打包，和打包过程中遇到的问题。我使用的是Androidstudio进行离线打包。预备环境AndroidStudio开发环境,要求安装Android4.0或以上（API14）SDK。下载HBuilder离线打包Android版SDK（5+SDK下载）

上一篇文章中给大家介绍了一下离线打包的简单过程。结果在实际项目测试过程中发现一个蛋疼的问题，一点选择文件APP就闪退（文件选择源代码为inputtype=‘file’输入框）。并抛出以下错误信息：java.lang.NullPointerException:Attempttoinvokevirtualmethod‘android.content.res.XmlResourceParserandro

ylbtech-DCloud-HTML5+：5+App开发入门指南1.返回顶部1、5+App开发入门指南AppApp入门HTML5Plus应用概述HTML5Plus移动App，简称5+App，是一种基于

5+App概念解析首先开发者需要清楚你要做什么，是一个mobileweb项目，运行里浏览器里？还是要做一个app，安装和运行在手机上？或者要把一个mobileweb项目打包成app？

参考文档：uni-app原生插件开发教程AndroidStudio版uni-app原生插件集成指南最好先看看我之前的一篇，打下基础：uniapp、5+app安卓离线打包（多图，慎入）1、先下好官方5+SDK2

uniapp、5+app安卓离线打包教程步骤安装AndroidStudio下载5+SDK生成离线文件，替换项目AndroidStudio连接手机调试项目AndroidStudio签名打包app相关阅读：

我有一个项目是用vue写的，现在要打包成app用的是hbuilderX,目前想到的唯一方法就是用5+app里的调用支付代码，然后去看5+app文档，微信官方支付文档//获取请求参数this.axios(

直接上代码，官网的例子是这样的：//H5plus事件处理functionplusReady(){//Android处理返回键plus.key.addEventListener('backbutton',function(){('iOS'==plus.os.name)?plus.nativeUI.confirm('确认退出？',function(e){if(e.index>0){plus.runti

1、下载Hbuilder下载地址：https://www.dcloud.io/hbuilderx.html2、新建项目（首先要注册并绑定手机）文件-->新建-->项目-->选择5+App以下界面配置已经用红色圈出

假如你是希望在集成好5+SDK后，在java层执行5+app中的js方法，那么可以如下操作，在原生java代码中//获取所有已经打开的webviewArrayListweblist=SDK.obtainAllIWebview

微信开发和5+APP有什么区别，抛开PC端而言，最大的区别是webview这个控件，以下是MUI适应场景应用webview窗口相关涉及webview的，除了5+App，其它所有手机浏览器及PC浏览器均无法使用

）独立开发日记项目说明及介绍练习阶段APP开发第一天（设计和功能归类）首页物品我的项目说明及介绍在前不久写完了第一个微信小程序之后，开始补课VUE，就在VUE的官网上看到了一个推荐IDE，发现了里面的5+

参考文档http://www.html5plus.org/doc/h5p.html#app.vue获取状态栏高度-->-->importNavFooterfrom"@components/NavFooter";exportdefault{name:'App',components:{NavFooter},data(){return{transitionName:'',keepAliveInclud

此时需要手动去删掉，切换到“源码视图”uni-app项目在"app-plus"->"distribute"->"sdkConfigs"节点下添加statics节点5+APP（WAP2APP）项目在"pl

5+App、

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

【1】本文档中使用的全是逶传消息，没有使用个推的其他消息【2】需要开通UniPush功能，并在华为、小米开发者中添加App，并开通Push权限，目前不需要上架各厂商应用市场就可以使用，后续不知道需要不需要【3】本实例使用Java后台开发，其他语言请自行翻译【5】关于receive事件，只有发送的是透传数据【而且】不是标准格式【而且】当前应用在活动，这3个条件同时满足，才可以响应receive事件！

在此就出一篇详细的文章这里就假设我们的项目是vue项目通过项目npmrunbuild后在项目dist文件夹下的就是经过整合编译的项目文件同样这是我们接下来打包所需要用到的文件接下来我们需要在HbuilderX内新建一个5+

HTML5Plus应用概述HTML5Plus移动App，简称5+App，是一种基于HTML、JS、CSS编写的运行于手机端的App，这种App可以通过扩展的JSAPI任意调用手机的原生能力，实现与原生App

从HBuilderX2.0.3alpha起，5+App支持UniPush。注意uniPush的客户端jsapi不是uni.push，而是plus.push，详见https://www.

1.使用vue-cli搭建项目（自己百度）2.在app.vue或者其它的入口文件加入以下代码（大部分参考了hbulder官网）参考：https://ask.dcloud.net.cn/doc...import{getAction}from"@/api";exportdefault{name:'App',created(){this.autoUpdate()},methods:{//自动更新auto

1.在HBuilderX编辑器中创建5+项目写一个测试页面项目，然后连接手机测试，详细内容请看我另一篇文章：HBuilderX集成vue项目到5+APP中，运行打包测试发布不同之处在于此次我们要在manifest.json

从HBuilderX2.0.3alpha起，5+App支持UniPush。

halfWidth(){returnuni.upx2px(750/2)+'px';//350upx}}3、css获取状态栏的高度var(–status-bar-height)小程序中是固定25px;；5+

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

用Hbuild打包vue项目主要步骤打开hbuildx，新建一个5+App项目然后修改项目中生成的index.html文件内容，填写需要访问的网址，填写测试连接就是打包测试包，也可以打包发布包根据项目修改

支持播放视频格式：.mp4.webm.m3u8.mpd.flv基础功能：5+APP为什么要使用HTML5视频播放器？

创建项目流程：选择5+App，添加已包含mui的项目模板然后可以在页面添加各样的组件，例如添加一个侧滑菜单栏，再加一个图片

首先将源码执行如下命令打包生成dist目录npmrunbuild或yarnbuild然后打开HbuilderX创建5+App创建好之后，在你创建的项目下会生成img,css,js等静态资源将最开始打包的

mui适用场景说明为解决HTML5在低端Android机上的性能缺陷，mui引入了原生加速，其中最关键的就是webview控件，因此mui若要发挥其全部能力，需和5+App配合适用，若脱离5+App，mui

准备开发工具开发工具：HBuilderX官网地址（标准版需要自己安装插件，app开发版已经把app开发常用的插件安装好了，开箱即用，建议使用开发版）新建项目选择新建–>项目–>5+App–>点击创建创建完成后你的图标会变成下面这种

uni-app程序示例图片显示采用了image组件，设置image组件的scaleToFill模式（不保持纵横比缩放图片，使图片的宽高完全拉伸至填满image元素）swiper布局代码：样式代码：.uni-margin-wrap{height:100%;margin:00upx;}.swiper{height:300upx;}.swiper-item{display:block;line-heig

区别于原生app，5+app相当于给web应用加上了一层本地程序(ios、android等)的壳子。其原理是，使用了原生程序的webview组件，即在

1.以下内容借鉴自https://www.cnblogs.com/taohuaya/p/10263519.html一：打包vue项目二：在HBuilderX点击新建，选择5+app项目，新建后把vue打包的项目

使用工具HBuilder或者是HBuilderX将完成的Vue项目打包(build)后的dist文件放入编译器,在HBuilder中直接右键选择转换为移动App即可，在HBuilderX中要先新建一个5+

1、打开HBuilderX添加一个名叫5+app的项目后，在项目中的一个html页面添加web项目的登录或首页的html代码如图：打开natapp官网：https://natapp.cn/，然后在官网下载

App支付、小程序支付、h5（微信端）支付APP支付（内置）appPay.js/***5+App支付,仅支持支付宝以及微信支付**支付宝Sdk集成,微信sdk未集成**@param:provider(String

编辑器：HBuiderX、PyCharm主要技术：5+App、pythonHBuiderX下载地址：http://www.dcloud.io/hbuilderx.htmlPyCharm下载地址：http

App支付、小程序支付、h5（微信端）支付APP支付（内置）appPay.js1234567891011121314151617181920212223242526/***5+App支付,仅支持支付宝以及微信支付

它可以开发普通web项目，也可以开发DCloud出品的uni-app项目、5+App项目、wap2app项目。HBuilde