Skip to content

Commit 62df176

Browse files
committed
address blocking alerts
1 parent a534537 commit 62df176

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

articles/communication-services/tutorials/add-chat-push-notifications.md

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22
title: Tutorial - Enable Push Notifications in your chat app
33
titleSuffix: An Azure Communication Services tutorial
44
description: Learn how to enable push notification in IOS App by using Azure Communication Chat SDK
5-
author: angellan-msft
5+
author: angellan
66
services: azure-communication-services
77

8-
ms.author: angellan-msft
8+
ms.author: angellan
99
ms.date: 08/04/2022
1010
ms.topic: tutorial
1111
ms.service: azure-communication-services
@@ -22,11 +22,11 @@ Push notifications alert clients of incoming messages in a chat thread in situat
2222
- `Basic Version` : The user will be able to see a badge number of 1 on the app’s icon, receive a notification sound and see a pop-up alert banner.
2323
- `Advanced Version`: Except for the features supported in basic version, the Contoso will be able to customize the title & message preview section in alert banner.
2424

25-
<img src="./media/add-chat-push-notification/basicVersion.png" width="340" height="270">
25+
<img src="./media/add-chat-push-notification/basicVersion.png" width="340" height="270" alt="This is basic version of push notification.">
2626

2727
[Basic Version]
2828

29-
<img src="./media/add-chat-push-notification/advancedVersion.png" width="340" height="270">
29+
<img src="./media/add-chat-push-notification/advancedVersion.png" width="340" height="270" alt="This is advanced version of push notification.">
3030

3131
[Advanced Version]
3232

@@ -37,10 +37,10 @@ Access the sample code for this tutorial on [GitHub](https://github.com/Azure-Sa
3737

3838
## Prerequisites
3939

40-
1.Finish all the prerequisite steps in [Chat Quickstart](https://docs.microsoft.com/en-us/azure/communication-services/quickstarts/chat/get-started?pivots=programming-language-swift)
40+
1.Finish all the prerequisite steps in [Chat Quickstart](../quickstarts/chat/includes/chat-swift.md)
4141

4242
2.ANH Setup
43-
Create an Azure Notification Hub within the same subscription as your Communication Services resource and link the Notification Hub to your Communication Services resource. See [Notification Hub provisioning](https://docs.microsoft.com/en-us/azure/communication-services/concepts/notifications#notification-hub-provisioning)
43+
Create an Azure Notification Hub within the same subscription as your Communication Services resource and link the Notification Hub to your Communication Services resource. See [Notification Hub provisioning](../concepts/notifications#notification-hub-provisioning)
4444

4545
3.APNS Cert Configuration
4646
Here we recommend to create a .p12 APNS cert and set it in Notification Hub.
@@ -50,52 +50,52 @@ Here we recommend to create a .p12 APNS cert and set it in Notification Hub.
5050

5151
* Step 1: Log in to the Apple Developer Portal. Navigate to `Certificates, IDs & Profiles > Identifiers > App IDs` and click the App ID associated with your app.
5252

53-
<img src="./media/add-chat-push-notification/cert1.png" width="700" height="230">
53+
<img src="./media/add-chat-push-notification/cert1.png" width="700" height="230" alt="APNS Cert Configuration step 1.">
5454

5555
* Step 2: On the screen for your App ID, check  `Capabilities > Push Notifications`. Click Save and respond “Confirm” to the Modify App Capabilities dialog box that appears.
5656

57-
<img src="./media/add-chat-push-notification/cert2.png" width="700" height="350">
57+
<img src="./media/add-chat-push-notification/cert2.png" width="700" height="350" alt="APNS Cert Configuration step 2.">
5858

59-
<img src="./media/add-chat-push-notification/cert3.png" width="700" height="210">
59+
<img src="./media/add-chat-push-notification/cert3.png" width="700" height="210" alt="APNS Cert Configuration step 3.">
6060

6161
* Step 3: In the same page, click `Capabilities > Push Notifications > Configure`. Click one of the following buttons:
6262
* Development SSL Certificate > Create Certificate (for testing push notifications while developing an iOS app)
6363
* Production SSL Certificate > Create Certificate (for sending push notifications in production)
6464

65-
<img src="./media/add-chat-push-notification/cert4.png" width="700" height="320">
65+
<img src="./media/add-chat-push-notification/cert4.png" width="700" height="320" alt="APNS Cert Configuration step 3.">
6666

6767
* Step 4: Then you will be navigated to the below page. Here you will upload a Certificate Signing Request (CSR). Follow the next step to create a CSR.
6868

69-
<img src="./media/add-chat-push-notification/cert5.png" width="700" height="400">
69+
<img src="./media/add-chat-push-notification/cert5.png" width="700" height="400" alt="APNS Cert Configuration step 4.">
7070

7171
* Step 5: In a new browser tab, follow this [help page](https://help.apple.com/developer-account/#/devbfa00fef7) to create a CSR and save the file as “App name.cer”.
7272

73-
<img src="./media/add-chat-push-notification/cert6.png" width="700" height="360">
74-
<img src="./media/add-chat-push-notification/cert7.png" width="700" height="500">
73+
<img src="./media/add-chat-push-notification/cert6.png" width="700" height="360" alt="APNS Cert Configuration step 5 - 1.">
74+
<img src="./media/add-chat-push-notification/cert7.png" width="700" height="500" alt="APNS Cert Configuration step 5 - 2.">
7575

7676
* Step 6: Drag the .cer file to “Choose File” area. Then hit “continue” on the right top corner.
7777

78-
<img src="./media/add-chat-push-notification/cert8.png" width="700" height="400">
78+
<img src="./media/add-chat-push-notification/cert8.png" width="700" height="400" alt="APNS Cert Configuration step 6.">
7979

8080
* Step 7: Click “Download” and save the file to local disk.
8181

82-
<img src="./media/add-chat-push-notification/cert9.png" width="700" height="220">
82+
<img src="./media/add-chat-push-notification/cert9.png" width="700" height="220" alt="APNS Cert Configuration step 7.">
8383

8484
* Step 8: Open the .cer file you downloaded; it will open Keychain Access. Select your certificate, right-click, and export your certificate in .p12 format.
8585

86-
<img src="./media/add-chat-push-notification/cert10.png" width="700" height="330">
87-
<img src="./media/add-chat-push-notification/cert11.png" width="700" height="400">
86+
<img src="./media/add-chat-push-notification/cert10.png" width="700" height="330" alt="APNS Cert Configuration step 8 - 1.">
87+
<img src="./media/add-chat-push-notification/cert11.png" width="700" height="400" alt="APNS Cert Configuration step 8 - 2.">
8888

8989
* Step 9: Go to your notification hub, click “Apple (APNS)” under Settings and select “Certificate” under Authentication Mode. Also select the Application Mode based on your need. Then upload the .p12 file you just created.
9090

91-
<img src="./media/add-chat-push-notification/cert12.png" width="700" height="360">
91+
<img src="./media/add-chat-push-notification/cert12.png" width="700" height="360" alt="APNS Cert Configuration step 9.">
9292

9393
4.XCode Configuration
9494
* In XCode, go to  `Signing & Capabilities`. Add a capability by selecting "+ Capability", and then select “Push Notifications”.
9595

9696
* Add another capability by selecting “+ Capability”, and then select “Background Modes”. Also select “Remote Notifications” under Background Modes.
9797

98-
<img src="./media/add-chat-push-notification/XcodeConfig.png" width="680" height="500">
98+
<img src="./media/add-chat-push-notification/XcodeConfig.png" width="680" height="500" alt="Enable Push Notifications and Background modes in Xcode.">
9999

100100
## Implementation
101101

0 commit comments

Comments
 (0)