{"id":45896,"date":"2017-02-10T13:26:50","date_gmt":"2017-02-10T07:56:50","guid":{"rendered":"http:\/\/www.tothenew.com\/blog\/?p=45896"},"modified":"2017-02-10T13:26:50","modified_gmt":"2017-02-10T07:56:50","slug":"how-to-implement-interactive-notification-in-your-ios-application","status":"publish","type":"post","link":"https:\/\/www.tothenew.com\/blog\/how-to-implement-interactive-notification-in-your-ios-application\/","title":{"rendered":"How to Implement Interactive Notification in your iOS Application?"},"content":{"rendered":"

Receiving and managing notifications on iOS<\/a>\u00a0is a nightmare until the introduction of Notification Centre in iOS 5. Android long held an advantage over iOS in terms of how easily users could interact. However,\u00a0Apple has evolved how its premiere OS presents notification from third-party <\/span>apps, but has limited developers to title and string of text.<\/span><\/p>\n

Interactive Notification in iOS 8 represented the first true enhancement to the functionality of notifications on the OS, allowing third\u2013party developers to surface a handful of options for user action following a swipe on a new alert. \u00a0For example – Received a new chat message? Swipe to initiate a reply; Got an alert for a new comment on Facebook. Tap the \u201cLike\u201d button without leaving the lock screen. This simple functionality coupled with smarter Notification Centre help users to interact with their application in a better way.<\/span><\/p>\n

Using interactive notifications, customers will have multiple options to respond using simple button taps, such as:<\/span><\/p>\n

    \n
  1. Share<\/span><\/li>\n
  2. Shop Now<\/span><\/li>\n
  3. Download<\/span><\/li>\n
  4. Check In<\/span><\/li>\n
  5. Accept<\/span><\/li>\n<\/ol>\n

    Or, if the customer is not interested, the following options can be given:<\/span><\/p>\n

      \n
    1. Dismiss<\/span><\/li>\n
    2. No Thanks<\/span><\/li>\n
    3. Decline<\/span><\/li>\n<\/ol>\n

      \"InteractiveNotify\"<\/span><\/p>\n

      How to Implement Interactive Notification in your Application<\/strong><\/span><\/p>\n

      Let’s\u00a0assume, we have a shopping application and a user who wants to shop certain products and have created a list of things he\/she wants to shop\u00a0at a particular time of the day. The user can schedule a reminder within the application with the list<\/span><\/p>\n

      First thing in the application is that we are using local notifications instead of receiving\u00a0push notifications. So in this case, we need to register our local push notifications.<\/span><\/p>\n

      So let’s get started.<\/span><\/p>\n

      STEP 1 – \u00a0<\/strong>Place below code in your AppDelegate.swift.<\/strong><\/span><\/p>\n

      func\u00a0application(_\u00a0application:\u00a0UIApplication, didReceive notification:\u00a0UILocalNotification) {<\/span>
      \n \/\/ Do something serious in a real app.<\/span>
      \n print(“Received Local Notification:”)<\/span>
      \n print(notification.alertBody)<\/span>
      \n }<\/span>
      \n func\u00a0application(_\u00a0application:\u00a0UIApplication, handleActionWithIdentifier identifier:\u00a0String?,\u00a0for\u00a0notification:\u00a0UILocalNotification, completionHandler: @escaping () ->\u00a0Void) {<\/span>
      \n if\u00a0identifier ==\u00a0“editList”\u00a0{<\/span>
      \n NotificationCenter.default.post(name: Notification.Name(rawValue:\u00a0“modifyListNotification”), object:\u00a0nil)<\/span>
      \n }<\/span>
      \n else\u00a0if\u00a0identifier ==\u00a0“trashAction”\u00a0{<\/span>
      \n NotificationCenter.default.post(name: Notification.Name(rawValue:\u00a0“deleteListNotification”), object:\u00a0nil)<\/span>
      \n }<\/span>
      \n completionHandler()<\/span>
      \n }<\/span><\/p>\n

      STEP 2 – \u00a0Add\u00a0observers for these two identifiers for \u201cedit list\u201d and \u201ctrash Action\u201d.<\/strong><\/span><\/p>\n

      Add the code given below in the viewDidLoad of view controller:<\/span><\/p>\n

      NotificationCenter.default.addObserver(self, selector:\u00a0#selector(ViewController.handleModifyListNotification), name: NSNotification.Name(rawValue:\u00a0“modifyListNotification”), object:\u00a0nil)<\/span>
      \n NotificationCenter.default.addObserver(self, selector:\u00a0#selector(ViewController.handleDeleteListNotification), name: NSNotification.Name(rawValue:\u00a0“deleteListNotification”), object:\u00a0nil)<\/span><\/p>\n

      Setup your code for local notification. Now the key thing would be Interactive Notification.\u00a0Now, create a method named setupNotificationSettings like below:<\/span><\/p>\n

      func\u00a0setupNotificationSettings() {<\/span>
      \n let\u00a0notificationSettings: UIUserNotificationSettings! = UIApplication.shared.currentUserNotificationSettings<\/span>
      \n if\u00a0(notificationSettings.types == UIUserNotificationType()){<\/span>
      \n \/\/ Specify the notification types.<\/span>
      \n var\u00a0notificationTypes: UIUserNotificationType = [.alert, .sound]<\/span>
      \n \/\/ Specify the notification actions.<\/span>
      \n var\u00a0justInformAction = UIMutableUserNotificationAction()<\/span>
      \n justInformAction.identifier =\u00a0“justInform”<\/span>
      \n justInformAction.title =\u00a0“OK, got it”<\/span>
      \n justInformAction.activationMode = UIUserNotificationActivationMode.background<\/span>
      \n justInformAction.isDestructive =\u00a0false<\/span>
      \n justInformAction.isAuthenticationRequired =\u00a0false<\/span>
      \n var\u00a0modifyListAction = UIMutableUserNotificationAction()<\/span>
      \n modifyListAction.identifier =\u00a0“editList”<\/span>
      \n modifyListAction.title =\u00a0“Edit list”<\/span>
      \n modifyListAction.activationMode = UIUserNotificationActivationMode.foreground<\/span>
      \n modifyListAction.isDestructive =\u00a0false<\/span>
      \n modifyListAction.isAuthenticationRequired =\u00a0true<\/span>
      \n var\u00a0trashAction = UIMutableUserNotificationAction()<\/span>
      \n trashAction.identifier =\u00a0“trashAction”<\/span>
      \n trashAction.title =\u00a0“Delete list”<\/span>
      \n trashAction.activationMode = UIUserNotificationActivationMode.background<\/span>
      \n trashAction.isDestructive =\u00a0true<\/span>
      \n trashAction.isAuthenticationRequired =\u00a0true<\/span>
      \n let\u00a0actionsArray = NSArray(objects: justInformAction, modifyListAction, trashAction)<\/span>
      \n let\u00a0actionsArrayMinimal = NSArray(objects: trashAction, modifyListAction)<\/span>
      \n \/\/ Specify the category related to the above actions.<\/span>
      \n var\u00a0shoppingListReminderCategory = UIMutableUserNotificationCategory()<\/span>
      \n shoppingListReminderCategory.identifier =\u00a0“shoppingListReminderCategory”<\/span>
      \n shoppingListReminderCategory.setActions(actionsArray\u00a0as! [UIUserNotificationAction],\u00a0for: UIUserNotificationActionContext.default)<\/span>
      \n shoppingListReminderCategory.setActions(actionsArrayMinimal\u00a0as! [UIUserNotificationAction],\u00a0for: UIUserNotificationActionContext.minimal)<\/span>
      \n let\u00a0categoriesForSettings = NSSet(objects: shoppingListReminderCategory)<\/span>
      \n \/\/ Register the notification settings.<\/span>
      \n \/\/let newNotificationSettings = UIUserNotificationSettings(forTypes: notificationTypes, categories: categoriesForSettings)<\/span>
      \n let\u00a0newNotificationSettings = UIUserNotificationSettings(types: [.alert, .badge, .sound], categories: categoriesForSettings\u00a0as! Set<UIUserNotificationCategory>)<\/span>
      \n UIApplication.shared.registerUserNotificationSettings(newNotificationSettings)<\/span>
      \n }<\/span>
      \n }<\/span><\/p>\n

      Also add the below code snippet:<\/span><\/strong><\/p>\n

      func\u00a0scheduleLocalNotification() {<\/span>
      \n let\u00a0localNotification = UILocalNotification()<\/span>
      \n localNotification.fireDate = fixNotificationDate(datePicker.date)<\/span>
      \n localNotification.alertBody =\u00a0“Hey, you have to go shopping!!”<\/span>
      \n localNotification.alertAction =\u00a0“View List”<\/span>
      \n localNotification.category =\u00a0“shoppingListReminderCategory”<\/span>
      \n UIApplication.shared.scheduleLocalNotification(localNotification)<\/span>
      \n }<\/span><\/p>\n

      This is the text which will be shown on top when reminder notification is received.\u00a0In this, we add the localNotification category so that it can be identified as the interactive notification.<\/span><\/p>\n

      In the\u00a0setupNotificationSettings method, we will be adding different actions that can be performed by a user when swiping on the notification banner.<\/span><\/p>\n

      Now call setupNotificationSettings method in your <\/span>viewdidload of <\/span>view controller.<\/span><\/p>\n

      Now when you build your application:<\/span><\/p>\n

      Adding Items to List<\/strong><\/span><\/p>\n

      \"Screen<\/span><\/p>\n

      Schedule Reminder<\/strong><\/span><\/p>\n

      \"Screen<\/span><\/p>\n

      Now let’s go to the Home Page when the notification arrives:<\/strong><\/span><\/p>\n

      \"Screen<\/span><\/p>\n

      On a swipe, we will be shown different options to choose from.<\/strong><\/span><\/p>\n

      \"Screen<\/span><\/p>\n

      You can now easily use the above steps to integrate the Interactive Notifications on iOS application.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

      Receiving and managing notifications on iOS\u00a0is a nightmare until the introduction of Notification Centre in iOS 5. Android long held an advantage over iOS in terms of how easily users could interact. However,\u00a0Apple has evolved how its premiere OS presents notification from third-party apps, but has limited developers to title and string of text. Interactive […]<\/p>\n","protected":false},"author":827,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":39},"categories":[1400,1772,1],"tags":[4418,4848,3207],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/45896"}],"collection":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/users\/827"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/comments?post=45896"}],"version-history":[{"count":0,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/posts\/45896\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/media?parent=45896"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/categories?post=45896"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tothenew.com\/blog\/wp-json\/wp\/v2\/tags?post=45896"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}