phonegap 3.3.0 中的本地通知 [英] Local notification in phonegap 3.3.0
问题描述
谢谢道森!下面提到的问题已经在android中解决了.但遗憾的是,当我在 ios 中构建项目时它不起作用,有人可以帮忙吗?
我将使用这个插件来构建一个带有本地通知的 android/ios 应用程序.https://github.com/katzer/cordova-plugin-local-notifications/wiki
首先我创建了一个phonegap项目
phonegap 创建通知
添加插件
cordova 插件添加 https://github.com/katzer/cordova-plugin-local-notifications.git
修改/www/config.xml
我将 local-notification.js 复制到/www 目录并在 index.html 中引用了它
<头><meta charset="utf-8"/><meta name="format-detection" content="telephone=no"/><!-- 警告:对于 iOS 7,删除 width=device-width 和 height=device-height 属性.参见 https://issues.apache.org/jira/browse/CB-4323 --><meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=设备-dpi"/><link rel="stylesheet" type="text/css" href="css/index.css"/><title>Hello World</title>头部><身体><div class="app"><h1>PhoneGap</h1><div id="deviceready" class="blink"><p class="事件监听">连接到设备</p><p class="event received">设备准备就绪</p>
<script type="text/javascript" src="cordova.js"></script><script type="text/javascript" src="local-notification.js"></script><script type="text/javascript">]window.plugin.notification.local.add({ message: '很棒的应用程序!' });
我使用命令构建了 android 应用
phonegap build android
我可以成功构建 android 应用程序,但没有按预期弹出通知.任何人都可以知道我上面的情况有什么问题吗?非常感谢你们.
在 deviceReady 事件触发之前,您将无法调用该函数.
为了测试,我总是使用我的插件函数并将其作为点击操作添加到设备准备就绪"p 标签中.
示例:
<p class="event received">设备准备就绪</p>
改为:
<p class="event received" onclick="window.plugin.notification.local.add({ message: 'Great app!' });">设备准备就绪</p>
我使用默认的cordova 示例应用程序执行此操作,因为我知道设备已准备好"直到 deviceReady 事件触发后才会显示.这是在您对项目进行任何实际工作之前测试插件是否正常工作的好方法.
Thank you Dawson! The problem mentioned below has been solved in android. But sadly it does not work when I build the project in ios, could anyone help?
I am going to using this plugin to build a android/ios apps with local notification. https://github.com/katzer/cordova-plugin-local-notifications/wiki
First I created a phonegap project
phonegap create notification
Add the plugin
cordova plugin add https://github.com/katzer/cordova-plugin-local-notifications.git
Modify the /www/config.xml
<gap:plugin name="de.appplant.cordova.plugin.local-notification" />
I copied local-notification.js to /www dir and referenced it in the index.html
<html>
<head>
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>Hello World</title>
</head>
<body>
<div class="app">
<h1>PhoneGap</h1>
<div id="deviceready" class="blink">
<p class="event listening">Connecting to Device</p>
<p class="event received">Device is Ready</p>
</div>
</div>
<script type="text/javascript" src="cordova.js"></script>
<script type="text/javascript" src="local-notification.js"></script>
<script type="text/javascript">]
window.plugin.notification.local.add({ message: 'Great app!' });
</script>
</body>
I built the android apps using the command
phonegap build android
I can successfully built the android apps but there is no notification poped up as expected. Can anyone know whats wrong with me at the above seetting? Many thanks to all of you.
You wont be able to call that function until after the deviceReady event has fired.
For testing I always take my plugin function and add it as a click action to the "device is ready" p tag.
Example:
<p class="event received">Device is Ready</p>
change to:
<p class="event received" onclick="window.plugin.notification.local.add({ message: 'Great app!' });">Device is Ready</p>
I do this with the default cordova example app since I know that 'Device is ready' will not display until after the deviceReady event has fired. This is a good way to test if plugins are working before you do any real work on your project.
这篇关于phonegap 3.3.0 中的本地通知的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!