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

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

查看全文
相关文章
移动开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆