原文:调用cordova相关插件进行消息推送(通知栏提醒、响铃、震动)

版权声明:本文为博主原创文章,转载须注明出处,博客地址:https://blog.csdn.net/wx13227855087 https://blog.csdn.net/wx13227855087/article/details/85003061

最近项目中需要对自己软件的备忘录进行消息推送,从而提醒用户。闲话就不多说了,将自己用到的插件以及使用方法简单分享一下,有什么做的不好的地方或者好的建议欢迎随时提出,谢谢!


一、本地消息通知插件,这里使用cordova-plugin-local-notifications-appstr

添加插件:cordova plugin add cordova-plugin-local-notifications-appstr

提示:插件的使用需在终端上打开锁屏、通知栏和状态栏权限

(1)该插件创建对象cordova.plugins.notification.local,并在触发deviceready之后访问。

调用示例:

cordova.plugins.notification.local.schedule({

    title: 'My first notification',

    text: 'Thats pretty easy...',

    foreground: true

});

效果如下图:

(2)该插件允许同时调度多个通知。

cordova.plugins.notification.local.schedule([

    { id: 1, title: 'My first notification' },

    { id: 2, title: 'My first notification' }

]);

(3)配置项

Property Property Property Property Property Property Property Property
id data timeoutAfter summary led clock channel actions
text icon attachments smallIcon color defaults launch groupSummary
title silent progressBar sticky vibrate priority mediaSession foreground
sound trigger group autoClear lockscreen number badge wakeup

二、响铃插件cordova-plugin-dialogs

添加插件:cordova plugin add cordova-plugin-dialogs

包含的方法:

            navigator.notification.alert  //警告框

            navigator.notification.confirm  //确认框

            navigator.notification.prompt  //提示框

            navigator.notification.beep  //提示音

调用示例:navigator.notification.beep方法使用

navigator.notification.beep(numbers);

numbers为数字,代表提示次数。

三、震动插件cordova-plugin-vibration

添加插件:cordova plugin add cordova-plugin-vibration

调用:

navigator.vibrate(2000);    //震动2秒

调用cordova相关插件进行消息推送(通知栏提醒、响铃、震动)的更多相关文章

  1. [转]PhoneGap使用PushPlugin插件实现消息推送

    本文转自:http://my.oschina.net/u/1270482/blog/217661 http://devgirl.org/2013/07/17/tutorial-implement-pu ...

  2. How Javascript works (Javascript工作原理) (九) 网页消息推送通知机制

    个人总结: 1.介绍了网页消息推送通知机制 全文地址:https://github.com/Troland/how-javascript-works 这是 JavaScript 工作原理的第九章. 现 ...

  3. 消息提示和消息推送插件toastr

    http://www.jq22.com/yanshi476 比较棒的消息提示和消息推送插件toastr function myIntervalshow() { // showPopup1(300, 1 ...

  4. iOS消息推送相关

    远程推送 iOS开发之实现App消息推送:http://blog.csdn.net/shenjie12345678/article/details/41120637 国内90%以上的iOS开发者,对A ...

  5. python 全栈开发,Day103(微信消息推送,结算中心业务流程)

    昨日内容回顾 第一部分:考试题(Python基础) 第二部分:路飞相关 1. 是否遇到bug?难解决的技术点?印象深刻的事? - orm操作费劲 - 最开始学习路由系统时候,匹配规则: 答案一: 有, ...

  6. 采用MQTT协议实现android消息推送(2)MQTT服务端与客户端软件对比、android客户端示列表

    1.服务端软件对比 https://github.com/mqtt/mqtt.github.io/wiki/servers 名称(点名进官网) 特性 简介 收费 支持的客户端语言 IBM MQ 完整的 ...

  7. 【原创分享·微信支付】C# MVC 微信支付之微信模板消息推送

    微信支付之微信模板消息推送                    今天我要跟大家分享的是“模板消息”的推送,这玩意呢,你说用途嘛,那还是真真的牛逼呐.原因在哪?就是因为它是依赖微信生存的呀,所以他能不 ...

  8. 基于SignalR的消息推送与二维码描登录实现

    1 概要说明 使用微信扫描登录相信大家都不会陌生吧,二维码与手机结合产生了不同应用场景,基于二维码的应用更是比较广泛.为了满足ios.android客户端与web短信平台的结合,特开发了基于Singl ...

  9. C# BS消息推送 SignalR介绍(一)

    1. 前言 本文是根据网上前人的总结得出的. 环境: SignalR2.x,VS2015,Win10 介绍 1)SignalR能用来持久客户端与服务端的连接,让我们便于开发一些实时的应用,例如聊天室在 ...

随机推荐

  1. 通过WMI的方式去设置LCD背光亮度

    code例如以下: #include "stdafx.h" #include <objbase.h> #include <windows.h> #inclu ...

  2. Android实践 -- Android蓝牙设置连接

    使用Android Bluetooth APIs将设备通过蓝牙连接并通信,设置蓝牙,查找蓝牙设备,配对蓝牙设备 连接并传输数据,以下是Android系统提供的蓝牙相关的类和接口 BluetoothAd ...

  3. 【原创】基于pyautogui进行自动化测试

    前期准备: python3.6 pyautogui pywinauto 以下代码实现内容: 1.打开记事本 2.记事本中输入This is a test 3.保存内容 4.退出进程 import py ...

  4. C# 数据通信

    json asmxwcfwebRequestwebClient 串口 socket

  5. xcode 各种项目设置

    1:语言环境设置:项目–>PROJECT–>info–>Locailzation 2 : 手动加入项目依赖 Build Settings–>Search path–>Li ...

  6. 基于深度学习的人脸识别系统(Caffe+OpenCV+Dlib)【二】人脸预处理

    前言 基于深度学习的人脸识别系统,一共用到了5个开源库:OpenCV(计算机视觉库).Caffe(深度学习库).Dlib(机器学习库).libfacedetection(人脸检测库).cudnn(gp ...

  7. libjpeg用法

    libjpeg是一个完全用C语言编写的库,包含了被广泛使用的JPEG解码.JPEG编码和其他的JPEG功能的实现.这个库由独立JPEG工作组维护.最新版本号是6b,于1998年发布.可以参考维基百科关 ...

  8. vue项目对axios的全局配置

    标准的vue-cli项目结构(httpConfig文件夹自己建的): api.js: //const apiUrl = 'http://test';//测试域名,自己改成自己的 const apiUr ...

  9. YUM查询软件信息

    我们常会碰到这样的情况,想要安装一个软件,只知道它和某方面有关,但又不能确切知道它的名字.这时yum的查询功能就起作用了.你可以用yum search keyword这样的命令来进行搜索,比如我们要则 ...

  10. [Angular 2] Share Template Content In Another Template With Content Projection <ng-content>

    Angular 1 provided a mechanism to place content from your template inside of another template called ...