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项目
通知
添加插件
cordova plugin add https://github.com/katzer/cordova-plugin-local-notifications.git
修改/www/config.xml
< gap:plugin name = appplant.cordova.plugin.local-notification/>
我将local-notification.js复制到/ www dir并在index.html中引用它
< html>
< head>
< meta charset =utf-8/>
< meta name =format-detectioncontent =telephone = no/>
<! - 警告:对于iOS 7,请删除width = device-width和height = device-height属性。请参阅https://issues.apache.org/jira/browse/CB-4323 - >
< meta name =viewportcontent =user-scalable = no,initial-scale = 1,maximum-scale = 1,minimum-scale = 1,width = device-width,height = device-height ,target-densitydpi = device-dpi/>
< link rel =stylesheettype =text / csshref =css / index.css/>
< title> Hello World< / title>
< / head>
< body>
< div class =app>
< h1> PhoneGap< / h1>
< div id =devicereadyclass =blink>
< p class =event listening>正在连接到设备< / p>
< p class =event received>设备已就绪< / p>
< / div>
< / div>
< script type =text / javascriptsrc =cordova.js>< / script>
< script type =text / javascriptsrc =local-notification.js>< / script>
< script type =text / javascript>]
window.plugin.notification.local.add({message:'Great app!'});
< / script>
< / body>
命令
phonegap build android
我可以成功地构建Android应用程序,但没有任何通知弹出预期。
任何人都知道在上面的seetting我的错了什么?非常感谢大家。
你不能调用该函数,直到deviceReady事件触发。 p>
对于测试,我总是使用我的插件函数,并将其作为点击操作添加到设备已就绪p标签。
示例:
< p class =event received>设备已就绪< / p>
更改为:
< p class =event receivedonclick =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屋!