h5微信群牛牛平台如何搭建 教程分享

Posted 2020-10-24 shnncs

html5plus Runtime，简称5+ Runtime，是运行于手机端的强化web引擎，除了支持标准HTML5外，还支持更多扩展的js api，使得js的能力不输于原生。5+ Runtime内置于HBuilder，在真机运行、打包时自动挂载。

业内之前有phonegap/Cordova方案，但是他们自带js api太少了，扩展api需要用原生语言开发，更致命的是这类方案的性能不足。

h5微信群牛牛平台如何搭建（q-2152876294）各类大厅搭建材料（http://diguaym.com）
封装成跨平台的HTML5plus规范，并将规范公开于www.HTML5plus.org，不做厂商私有API。包括二维码、摇一摇、语音输入、地图、支付、分享、文件系统、通讯录等常用API，可以方便简单的编写，并且可跨平台。

HTML5+ 和 MUI的关系
mui是基于HTML5+ 的一套app前端UI框架，如果你觉得MUI过于臃肿并拥有一定的js及综合开发能力，那么可以直接使用HTML5+进行app开发。
开发工具 HBUIDER！

错误修正
mui能够用于微信公众号及基于web浏览器的开发！但是代码较为臃肿并不推荐！

2、获取设备信息

imei: 设备的国际移动设备身份码 

mui.alert(plus.device.imei);

imsi: 设备的国际移动用户识别码 

mui.alert(plus.device.imsi);

model: 设备的型号 

mui.alert(plus.device.model);

vendor: 设备的生产厂商 

mui.alert(plus.device.vendor);

uuid: 设备的唯一标识 

mui.alert(plus.device.uuid);

OS 底层系统信息:
language: 系统语言信息

mui.alert(plus.os.language);

version: 系统版本信息

mui.alert(plus.os.version);

name: 系统的名称

mui.alert(plus.os.version);

vendor: 系统的供应商信息

mui.alert(plus.os.vendor);

Screen模块管理设备屏幕信息：

resolutionHeight: 设备屏幕高度分辨率
设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的逻辑分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

mui.alert("Screen height: " + plus.screen.resolutionHeight * plus.screen.scale + "px" );

resolutionWidth: 设备屏幕宽度分辨率
设备屏幕区域包括系统状态栏显示区域和应用显示区域，screen获取的是设备屏幕总区域的分辨率，单位为px。 如果需要获取实际分辨率则需要乘以比例值scale。

alert( "Screen width: " + plus.screen.resolutionWidtht*plus.screen.scale + "px" );

scale: 逻辑分辨率与实际分辨率的比例

alert( plus.screen.scale);

Display模块管理应用可使用的显示区域信息：

应用可使用的屏幕高度逻辑分辨率

plus.display.resolutionHeight;

应用可使用的屏幕宽度逻辑分辨率

plus.display.resolutionWidth;

屏幕亮度

//获取亮度0 - 1之间的数值
plus.screen.getBrightness();
//设置
plus.screen.setBrightness( 0.5 );

//使用range滑块设置屏幕亮度的实例
<div class="mui-content">
    <div style="height:50px;"></div>
    <div style="padding:20px;">
        <div class="mui-input-row mui-input-range">
            <label>Range</label>
            <input type="range" min="0" max="100" value="1" onchange="setLight(this.value);">
        </div>
    </div>
</div>
</body>
<script type="text/javascript">
mui.init();
function setLight(val){
    plus.screen.setBrightness(val/100);
}
</script>

屏幕方向

锁定屏幕方向

void plus.screen.lockOrientation( String orientation );
//参数
orientation: ( String ) 必选 要锁定的屏幕方向值
锁定屏幕方向可取以下值： 
"portrait-primary": 竖屏正方向； 
"portrait-secondary": 竖屏反方向，屏幕正方向按顺时针旋转180°； 
"landscape-primary": 横屏正方向，屏幕正方向按顺时针旋转90°； 
"landscape-secondary": 横屏方向，屏幕正方向按顺时针旋转270°； 
"portrait": 竖屏正方向或反方向，根据设备重力感应器自动调整；
"landscape": 横屏正方向或反方向，根据设备重力感应器自动调整；

解除锁定屏幕方向

void plus.screen.unlockOrientation();