privacyScreen插件的使用方法

目录 1、概述 2、JS调用方法 概述 IOS系统和Android系统都有切换应用的功能,在切换时显示应用当前页面的屏幕快照。大多数情况下这样做是没有问题的,但有时候该快照图会涉及敏感信息,造成个人隐私泄露的风险。privacyScreen插件屏蔽了Android系统和IOS系统的截屏功能,在使用本插件的应用内无法调用系统截图的功能。切换应用时,用空白图替换了可能包含个人隐私的应用快照图。降低了隐私泄露的风险。 JS调用方法 引用插件:require("cordova!cordova-plugin-privacyscreen")。本插件没有需要执行的方法,引用了插件后即实现了该插件的功能。

Device插件

一、插件简介 Device插件用于获取设备信息。 插件ID:cordova-plugin-device。 二、插件使用 插件会产生一个全局变量cordova,直接在它下访问属性即可。 变量device属性说明: device.cordova :cordova版本 device.platform : 操作系统平台 device.version :操作系统版本 device.uuid : 设备UUID device.model : 产品型号或产品名称 device.manufacturer 厂商 require("cordova!cordova-plugin-device"); Model.prototype.getInfo = function(event) { document.getElementById("cordovaSpan").innerHTML = device.cordova; document.getElementById("platform").innerHTML = device.platform; document.getElementById("version").innerHTML = [...]

TouchID插件

本文讲解com.justep.cordova.plugin.touchid插件以及如何在Wex5中使用该插件。 1.插件概述 iPhone指纹识别的插件。只支持iOS平台,提供了iOS上指纹识别的功能。 2.插件使用 首先,我们需要在自己的js文件中引入该插件,即“require(“cordova!com.justep.cordova.plugin.touchid”);”然后即可在js中调用相关API。 代码如下: //检查是否支持指纹识别,iPhone5s以后的设备支持指纹识别功能 Model.prototype.checkClick = function(event){ navigator.touchid.checkSupport(this.success, this.error); }; //指纹识别,如果指纹匹配则会显示成功,有三次匹配机会,连续三次识别不通过则会终止识别。参数为可选,指纹识别时的提示信息 Model.prototype.authenticateClick = function(event){ navigator.touchid.authenticate(this.success, this.error,"请开始指纹识别:将手指放于home键,核对指纹。"); };  

screenOrientation插件

本文讲解cordova-plugin-screen-orientation插件以及如何在Wex5中使用该插件。 1.插件概述 屏幕方向插件,该插件控制程序的显示方式为横屏/竖屏,要注意的是该插件只是控制当前应用显示的方式,并不改变设备的重力感应相关设置。 2.插件使用 首先,我们需要在自己的js文件中引入该插件,即“require(“cordova!cordova-plugin-screen-orientation”);”然后即可在js中调用相关API。 代码如下: //竖屏模式 Model.prototype.portraitClick = function(event){ cordova.plugins.screenorientation.setOrientation('portrait'); }; //横屏模式 Model.prototype.landscapeClick = function(event){ cordova.plugins.screenorientation.setOrientation('landscape'); }; //屏幕方向解锁 Model.prototype.unlockClick = function(event){ cordova.plugins.screenorientation.setOrientation('unlock'); }; //获取当前屏幕方向 Model.prototype.currentClick = function(event){ setTimeout(function(){ alert("当前屏幕方向: " + JSON.stringify(window.screen.orientation)); }); [...]

preferences插件使用方法

目录 1、概述 2、JS调用方法 3、注意事项 概述 preferences插件的作用是数据存储,支持存储数据、获取数据、建立数据变化监听、删除指定数据、删除所有数据的功能,支持简单和复杂数据结构。支持Android和IOS。 JS调用方法 1、导入插件require("cordova!cordova-plugin-app-preferences")。 2、插件提供五个方法 存储数据:store(storeSuccess,storeFail,"key","value")。store为方法名,storeSuccess和storeFail分别是成功回调、失败回调。数据存储是键值对的形式,key为键,value为值。 获取数据:fetch(fetchSuccess,fetchFail,"key")。fetch为方法名,fetchSuccess和fetchFail分别是成功回调、失败回调,key为要查找的数据的键。 建立数据变化监听:创建监听,能监测到数据存储的变化(新建、变更、删除),并能得到变更的数据的键值。详细请看下面贴出的js代码的dataMonitor方法及其调用。 删除指定数据:remove(removeSuccess,removeFail,"key")。remove为方法名,removeSuccess和removeFail是成功回调、失败回调。key为要删除的数据的键。 删除所有数据:clearAll(function(){alert("数据成功清空!")},function(){alert("数据清空失败!")})。clearAll为方法名,括号是成功回调和失败回调。 define(function(require){ var $ = require("jquery"); require("cordova!cordova-plugin-app-preferences"); var preferences=plugins.appPreferences; function keyValue(){} var Model = function(){ this.callParent(); //设备准备好后加载数据变化监听 // document.addEventListener("deviceready", dataMonitor, false); [...]

scanCard插件

本文讲解com.justep.cordova.plugin.scanCard插件以及如何在Wex5中使用该插件。 1.插件概述 名片识别插件,集成了脉可寻的SDK,免去自行录入名片或纠正识别结果的烦恼,开发者需要先申请key和secure才可以使用,本demo使用的是脉可寻提供的测试的一套参数。您只需要打开摄像头,拍取名片的照片,即可识别名片中的信息并将其上传至脉可寻的服务器,提供查询客户信息的接口,方便以后查询使用。脉可寻识别服务的流程为:认证->打开SDK相机页面->拍摄名片->确认上传成功->获取数据。 2.插件使用 首先,我们需要在自己的js文件中引入该插件,即“require(“cordova!com.justep.cordova.plugin.scanCard”);”然后即可在js中调用相关API。 以下是API的使用: //申请授权,根据脉可寻的规范,使用SDK的API之前,我们必须申请授权,除了需要在打包的时候配置key和secure之外,还需要传入用户标识(Android与iOS端的参数名称稍微差异),这些参数均由脉可寻官网申请。 Model.prototype.aouthClick = function(event){ navigator.scanCard.auth("12345",this.success,this.error); }; //检查是否授权,已经授权,则成功回调,如未授权,则失败回调 Model.prototype.checkClick = function(event){ navigator.scanCard.checkAuth(this.success,this.error); }; //清除授权信息 Model.prototype.clearClick = function(event){ navigator.scanCard.clearAuthentication(this.success,this.error); }; //拍照并上传,该API会调用手机摄像头拍取名片的照片,然后会自动上传到脉可寻服务器,上传成功后会返回该图片的UUID,用户可以根据此UUID获取名片中的信息,如果图片上传,则会有上传失败的提示,同样会返回该图片的UUID。 Model.prototype.takePictureClick = function(event){ navigator.scanCard.takePicture(function(result){ UUID = result.UUID; alert(UUID); }, [...]

Calendar插件

一、插件简介 Calendar插件允许用户在日历中创建活动、查询活动、删除活动。可以在X5APP内实现对活动的管理,提高用户在你APP小船中的驻留时间。当然,用户也可离开X5APP,在手机的“日历”里查看在活动。 插件ID:cordova-plugin-calendar。 二、插件使用 0、参数准备 require("cordova!cordova-plugin-calendar"); Model.prototype.setParameters = function(event) { this.title = "X5开发者大会";// 标题 this.location = "北京国际会议中心";// 地点 this.notes = "九点前签到,有大牛到场。干货分享会。";// 内容 this.start = new Date(); this.end = new Date(); this.start.setMinutes(0); this.end.setMinutes(0); this.start.setSeconds(0); this.end.setSeconds(0); [...]

insomnia插件

本文讲解cordova-plugin-insomnia插件以及如何在Wex5中使用该插件。 1.插件概述 息屏插件,控制屏幕常亮或者自动息屏。设置常亮仅在应用前台运行时生效,一旦应用进入后台或者被关掉则不再生效。 2.插件使用 首先,我们需要在自己的js文件中引入该插件,即“require(“cordova!cordova-plugin-insomnia”);”然后即可在js中调用相关API。 由于该插件比较简单,不做过多赘述,下面是API的调用: //保持屏幕常亮 Model.prototype.keepAwakeClick = function(event){ plugins.insomnia.keepAwake(function(){ justep.Util.hint("设置常亮成功"); }, function(){ justep.Util.hint("设置失败"); }); }; //允许息屏 Model.prototype.allowSleepAgainClick = function(event){ plugins.insomnia.allowSleepAgain(function(){ justep.Util.hint("设置自动息屏成功"); }, function(){ justep.Util.hint("设置失败"); }); };

badge插件使用方法

目录 1、概述 2、JS调用方法 3、注意事项 概述: badge插件作用是在APP图标上显示数字标签,提醒用户有新信息或代办事项。Android系统和IOS系统的实现方式是不同的,IOS允许直接更改APP图标的数字标签而Android只能发通知(在通知栏显示)。 JS调用方法 1、导入插件require("cordova!de.appplant.cordova.plugin.badge")。 2、插件提供了五个方法:hasPermission(检查是否具备更改APP数字标签的权限,仅限IOS)、registerPermission(注册更改APP数字标签的权限,仅限IOS)、set(设置数字标签的数目或者通知的数目)、get(获取数字标签或者通知的数目)、clear(清除数字标签或者通知)。 以下是详细的JS代码,调用都是在按钮的点击事件完成的,开发时根据需要修改调整。包括成功回调、失败回调也要替换成自己需要的处理。 define(function(require){ var $ = require("jquery"); require("cordova!de.appplant.cordova.plugin.badge"); var Model = function(){ this.callParent(); }; var myapp = {}; myapp.callback = function(result) { alert(result); }; function callback(message) [...]

ActionSheet插件

ActionSheet插件在界面上弹出一组可选菜单,用户点击选项后,返回所选择项的索引。索引从1开始计算。 使用步骤如下。 1、引入插件 在js中使用,需要require进来。 require("cordova!cordova-plugin-actionsheet"); 2、在js中使用 (1)、弹出选择菜单 带标题和取消的菜单 Model.prototype.showWithTitleClick = function(event) { var options = { 'androidTheme' : window.plugins.actionsheet.ANDROID_THEMES.THEME_HOLO_LIGHT, 'title' : '是否要分享该图片?', 'buttonLabels' : [ '微信分享', 'QQ分享' ], 'addCancelButtonWithLabel' : '取消', 'androidEnableCancelButton' [...]