HTML5+Plus - HTML5+混合APP开发社区

全部前端UI移动框架 HTML+CSS+JS Android IOS Native.js Android 离线打包 IOS 离线打包 Android 插件 IOS 插件 Android 第三方SDK IOS 第三方SDK 后端技术开发工具 H5+小程序 uniapp 原生插件其他

HTML5+ Plus 介绍

HTML5+

HTML5+Plus ，是什么意思，HTML5+，指的是HTML5 加原生APP生态，plus 中文是运算“加”，官方用plus 这个单词，作为HTML5+, api 接口的一个开头，以后你看到的 plus 开头的方法都是属于5+环境调用的方法，例如：plus.runtime.version; 获得当前应

APP 本地离线储存数据

离线储存

APP 储存数据，当我们开发APP时，需要保存用户登录信息，或把输入的内容保存在本地APP上时，此时我们就要使用到储存数据的方法。这里讲下常用的两种储存数据方法：第一种： localStorage ，是HTML5 里浏览器自带的储存数据方法优点：读取数据快，浏览器自带,

Html5+ video 基于mui 5+的视频播放器

HTML5+ 视频播放器 MUI

一直没有找到一款适合在MUI上的播放器，网上很多都是基于JQ的播放，样式不好看，也难修改，不好用难于兼职安卓和苹果手机，实在没办法，只能亲自操刀，自己写一个播放器了，给遇到我一样情况的朋友们，封装起来只直调用，大家可以自由修改没有测试过，当网络缓慢时，视频加载出现加载提示框，有遇到问题的小伙伴，可以分享处理经验新增：手

新建APP项目, APP真机连接调试应用 (附视频)

新建工程 HTML5+

新建一个移动APP项目，很简单，打开HBuilder开发工具：菜单栏->新建->选择移动APP项目我们在开发前，必须要学会真机连接，为后续各种功能调试做准备创建移动APP应用名称：你的应用名称，可以中英文位置：你的项目存放的路径选项模板1.目前提供以下4种模板

移动APP配置文件 manifest.json 讲解（附视频）

配置文件 HTML5+

Manifest.json文件是5+移动App的配置文件，用于指定应用的显示名称、图标、应用入口文件地址及需要使用的设备权限等信息，用户可通过HBuilder的可视化界面视图或者源码视图来配置5+移动App的信息。Manifest.json文件根据w3c的webapp规范制定，plus节点下内容为HTML5Plus扩展

创建新页面、关闭页面、页面传值、预加载页面、关闭页面时回传值

MUI 新建页面

当我们理解什么是HTML5+ 和 MUI 移动框架之后，我们就可以开始撸了。一、创建一个新页面当我们使MUI框架时，可以使用 mui.js 插件的封锁方法：mui.openWindow() 打开一个新页面，例如：这是最简单的打开一个新页面，没有任何配置mui.openWindow({url: 'example

APP应用图标设置及启动界面图片设置 (附视频)

应用图标启动界面

APP的应用图标，和启动界面，是一个应用必须的设置，所以我们在开发APP时，要准备好我们的应用LOGO 和启动界面。1.APP应用LOGO图标格式大小： 1024*1024 高清图片，Android 和 IOS 应用共用。2. APP应用启动界面分Android 和 IOS 应用两种根据屏幕大小不同，有不同的大小

在线打包 APP应用 (附视频)

在线打包

官方提供了给我们可以在线打包APP，不需要我们配置打包环境，大大方便我们开发应用的便捷性。打包APP 之前，我们要准备好 Andriod 或 IOS 打包证书文件，如果还没有的可以先制作证书文件：Android 证书制作或 IOS 证书制作这里以Android 在线打包为例：&n

PHP后端 + APP前端工程实例-H5资讯APP，让新人更容易上手开源 ( 附视频介绍)

实战开发 APP

H5资讯APP应用，是以资讯类APP为例，它的功能包括：前端APP模块，和后端PHP 结合。当新手们无从下手时，不知道怎么开始，怎么连接服务器获得数据，从实例中参考，可以让你认知大大提升，不需为一个简单的功能头痛几天都搞不定，从中举一反三，从而提升开发效率。本案例是用沉浸式，就是把状态栏这部分空间也占据。主要展示了，

APP 上拉加载，下拉刷新介绍

上拉加载下拉刷新

开发APP时，很多时候都会用上，上拉加载数据，下拉刷新等功能，本文件介绍两种。一种是原生APP自带的上拉加载，下拉刷新功能，一种是用JS 插件写的上拉加载，下拉刷新。1.原生APP 的上拉加载，下拉刷新，性能效果佳，体验好它的使用方法，mui.js 已经把它封装起来，我们可以这样使用, down 是下拉刷新

HTML5+ 简单的淘宝、京东，采集商品宝贝的图片

采集采集图片

简单的淘宝、京东，采集商品宝贝的图片例子，作用：用于快速采集商品宝贝图片，用于发布微信朋友圈宣传推广商品，和收集商品等等.主要是把JS 注入到，要采集图片的网站， appendJsFile("_www/js/mui.min.js"); appendJsFile("_www/js/jsimg.js"); 在底部留下按

H5+APP 微信支付使用方法

H5+APP 微信支付使用方法

微信支付

要想在APP里使用微信支付功能，首先到微信开发者中心进入官方，申请开发者帐号，创建移动应用，创建好等审核通过，然后申请微信支付功能，支付功能需要300元验证费用，开通之后，就可以使用微信支付功能了。Android平台，确定你的安卓证书签名已经填写进去，还有应用的包名填写正确，例如：应用签名

App 接口api 安全性，token签名sign的实例

App接口 token签名

当我们开发APP时，大部都是采用api 接口来获取数据或提交数据到服务器，如何保证我们的api接口的安全性，不被别人盗取我们的数据和用户登录的安全性。1. api 采用 https 安全协议的链接，具有加密防止文明内容传输时被拦截。2. 对api 接口采到 token签名sign 方式两者结合的方法更安全，

5+APP 支付宝支付功能介绍

5+APP 支付宝支付功能介绍

支付宝支付

在APP中要使用支付宝功能，需要在支付宝开放平台申请相关支付功能：https://open.alipay.com/platform/home.htm支付宝支付，相比微信支付简单多，不需要在APP客户端填写相关参数，直接在服务器端操作，返回相关参数到客户端，然后调起支付宝支付窗口。支付宝比微信支付好，不需要重复申请，申

5+APP 个推推送消息的使用介绍

5+APP 个推推送消息的使用介绍

推送消息个推

要使用个推推送消息的功能，要在个推官方申请开发者帐号：https://www.getui.com/cn/index.html1. 个推是免费的，然后申请一个移动应用，获取相关参数.2. 然后在你的APP工程，配置文件 manifest.json 中填写相关个推的参数。3. 然后通过5+的方法 p

简单的封装原生视频播放器 video 插件

Android IOS 原生播放器

通过对官方的 VideoPlayer 视频播放器组件简直封装下方便使用plus.video.VideoPlayer开发工具：HBuilder x 支持在线打包实现。在有需要的页面引入 videoplus.js html页面<div i

APP 打开网页时，显示进度条加载设置

进度条网页

用到的是参数 progress ，官方最近更新的一个功能，progress 的使用需要用到原生的头部 titleNView 来配置，progress 只包含两个设置的参数1. color 颜色，2. height 进度条高度。下面是一个创建打开百度网站的一个例子，打

Android APP 调起另一个APP 并传值给它

APP之间传值

当我们需要使用APP 来调起别一个APP时，并传值给它。A 应用调起B应用并传值给它，如果两者APP都是使用HBuilder 开发的APP.A 应用可以这样写：com.xxx.xxx ：是你要打开的APP包名io.dcloud.PandoraEntry ：不需要修改，它是5+APP的程序主入口页面var

URL Schemes 调起第三方APP ，淘宝、京东、拼多多并且打开商品对应的详情页

URL Schemes

URL Schemes 的方法，调起第三方应用，并且打开商品详情页，本案例支持Android 和 IOS 的使用， IOS 在使用调起第三方应用时，需要添加 URL Schemes 白名单，在配置文件 manifest.json 中 apple 项加入