uniapp怎么实现ios通知-uni-app-php.cn

uniapp怎么实现ios通知

PHPz

Lepaskan： 2023-04-20 14:56:36

asal

842 人浏览过

随着智能手机的普及，手机应用程序逐渐增多，为了能够实时提醒用户，操作系统提供了消息通知功能。其中，iOS作为全球智能手机市场的重要份额，其通知功能备受关注。如何在uniapp框架下实现iOS通知功能呢？

一、 iOS通知基础知识

通知是指在应用程序开启或关闭的情况下，在系统层面上弹出一条提示信息。iOS通知分为本地通知和远程通知两种类型。本地通知是由应用程序直接触发，而远程通知则是由服务器端向APNs（Apple Push Notification service）发送了一个推送通知。

本地通知可以通过调用UNUserNotificationCenter类的add方法来添加，在应用程序运行期间展示，主要涉及到如下方法：

// 配置通知内容
const content = {
  title: '通知标题',
  body: '通知内容',
  userInfo: {"key": "value"} // 附加数据
};

// 创建通知
const notification = {
  identifier: 'local-notification', // 首次显示时的标识符
  content: content,
  trigger: {
    repeats: false // 只显示一次
  }
};

// 添加通知
uni.addLocalNotification(notification);

Salin selepas log masuk

远程通知主要依赖于APNs完成，通知内容的构造和推送都在服务端完成。

二、 uniapp 实现iOS本地通知

uniapp封装了适用于各平台的统一API，如果要在iOS上实现本地通知，需要调用UNUserNotificationCenter类的add方法来发布通知。在uniapp项目中，可以直接调用uni.addLocalNotification方法来实现本地通知。

在调用uni.addLocalNotification方法时，需要传入一个包含通知内容与触发时机的对象。其中，通知内容需要包含标题、内容以及可选的附加信息。触发时机分为时间、地点、网络状态三种方式。其中，时间触发需要设置repeats属性，以控制通知是否循环。

在实现的过程中，需要注意以下问题：

APP运行态下iOS通知默认不会展示，因此需要注意判断当前APP是否在前台。
通知的触发时间需考虑当前时区。

下面是一个例子：

/**
 * 在指定时间触发通知，如果应用在前台则不展示
 */
function setNewLocalNotification() {
  const now = new Date();
  const nowStr = now.toLocaleTimeString();
  console.log(`当前时间:${nowStr}`);
  const hour = now.getHours() + 1;
  console.log(`下小时:${hour}`);
  const alarmTime = new Date();
  alarmTime.setHours(hour, 0, 0); // 设置下个小时整点触发
  console.log(`触发时间:${alarmTime.toLocaleTimeString()}`);
  let id = 1;
  uni.addLocalNotification({
    title: 'uniapp',
    body: '时间到了',
    userInfo: {"key": "value"}, // 可附加数据
    trigger: {
      date: alarmTime,
      repeats: false
    },
    identifier: `${id++}`,  
  });
  console.log('添加闹钟成功');
}

Salin selepas log masuk

三、导入桥接文件

在实现本地通知时，需要对应用的Info.plist进行一些配置。这部分的实现需要导入桥接文件，因此需要进行如下操作：

1.在Xcode中打开uniapp项目工程，选择Build Phases->Copy Bundle Resources.

2.将目录中的「com.apple.UNNotificationFramework.framework」文件拖入坚果云的应用资源管理器中。

3.将通知授权请求的描述信息添加至Info.plist文件中，内容如下：

NSUserNotificationAlertStyle
alert
NSUserNotificationEnabled
YES
NSUserNotificationCenterAlertsEnabled
YES
UIBackgroundModes

    fetch
    remote-notification

UNNotificationsUsageDescription
请允许我们发送通知