phonegap 3.3.0中的本地通知 [英] Local notification in phonegap 3.3.0

查看:228
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆