Skip to content

Commit 583598d

Browse files
committed
Adding images for README.
1 parent db75dd7 commit 583598d

8 files changed

+7
-7
lines changed

README.md

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -14,11 +14,11 @@ npm isntall react-native-azurenotificationhub
1414

1515
* Log on to the [Azure Portal](https://portal.azure.com) and create a new **Notification Hub**.
1616

17-
![](https://acom.azurecomcdn.net/80C57D/cdn/mediahandler/docarticles/dpsmedia-prod/azure.microsoft.com/en-us/documentation/articles/notification-hubs-android-push-notification-google-fcm-get-started/20160902050141/includes/notification-hubs-portal-create-new-hub/notification-hubs-azure-portal-create.png)
17+
![Create Notification Hub](img/CreateNotificationHub.png)
1818

1919
* Take note of the two connection strings that are made available to you in **Settings > Access Policies**, as you will need them to handle push notifications later.
2020

21-
![](https://acom.azurecomcdn.net/80C57D/cdn/mediahandler/docarticles/dpsmedia-prod/azure.microsoft.com/en-us/documentation/articles/notification-hubs-android-push-notification-google-fcm-get-started/20160902050141/includes/notification-hubs-portal-create-new-hub/notification-hubs-connection-strings-portal.png)
21+
![Get Connection String](img/GetConnectionString.png)
2222

2323
## Android Installation
2424

@@ -31,32 +31,32 @@ Coming soon.
3131
* Open your Visual Studio .sln (generally ./windows/[app name].sln) file in Visual Studio 2015.
3232
* In Solution Explorer, right-click the Windows Store app project, click **Store**, and then click **Associate App with the Store...**
3333

34-
![](https://acom.azurecomcdn.net/80C57D/cdn/mediahandler/docarticles/dpsmedia-prod/azure.microsoft.com/en-us/documentation/articles/notification-hubs-windows-store-dotnet-get-started-wns-push-notification/20160901050630/notification-hub-associate-win8-app.png)
34+
![Associate with App Store](img/AssociateAppStore.png)
3535

3636
* Follow the instructions to login, reserve an app name, associate the app with the app name, and automatically configure the required Windows Store registration in the application manifest.
3737

3838
### Register app with Notification Hub
3939

4040
* On the [Windows Dev Center](https://dev.windows.com/overview) page for your new app, click **Services**, click **Push notifications**, and then click **Live Services site** under **Windows Push Notification Services (WNS) and Microsoft Azure Mobile Apps**.
4141

42-
![](https://acom.azurecomcdn.net/80C57D/cdn/mediahandler/docarticles/dpsmedia-prod/azure.microsoft.com/en-us/documentation/articles/notification-hubs-windows-store-dotnet-get-started-wns-push-notification/20160901050630/notification-hubs-uwp-app-live-services.png)
42+
![Live Services Site](img/LiveServicesSite.png)
4343

4444
* On the registration page for your app, make a note of the **Application Secret** password and the **Package security identifier** (SID) located in the Windows Store platform settings.
4545

46-
![](https://acom.azurecomcdn.net/80C57D/cdn/mediahandler/docarticles/dpsmedia-prod/azure.microsoft.com/en-us/documentation/articles/notification-hubs-windows-store-dotnet-get-started-wns-push-notification/20160901050630/notification-hubs-uwp-app-push-auth.png)
46+
![Application Secrets](img/ApplicationSecrets.png)
4747

4848
* Back on the [Azure Portal](https://portal.azure.com) page for your notification hub, select **Settings > Notification Services > Windows (WNS)**. Then enter the **Application Secret** password in the Security Key field. Enter your **Package SID** value that you obtained from WNS in the previous section, and then click **Save**.
4949

5050
### Export React Native Module from app
5151

5252
* In Solution Explorer of your open .sln in Visual Studio 2015, right-click the Solution, click **Add > Existing Project...**.
5353

54-
![](./img/AddExistingProject.png)
54+
![Add Existing Project](./img/AddExistingProject.png)
5555

5656
* Assuming you've already installed `react-native-azurenotificationhub` with NPM, find and select `ReactWindowsAzureNotificationHub.csproj` in `.\node_modules\react-native-azurenotificationhub\windows\ReactWindowsAzureNotificationHub`.
5757
* Right-click the Windows Store app project, click ** Add > Reference**, and check `ReactWindowsAzureNotificationHub` from **Projects > Solution**.
5858

59-
![](./img/AddReference.png)
59+
![Add Reference](./img/AddReference.png)
6060

6161
* In **MainPage.cs** of your Windows Store app, add the the `ReactAzureNotificationHubPacakge` to your configured set of packages:
6262

img/AddExistingProject.png

227 KB
Loading

img/AddReference.png

182 KB
Loading

img/ApplicationSecrets.png

400 KB
Loading

img/AssociateAppStore.png

161 KB
Loading

img/CreateNotificationHub.png

128 KB
Loading

img/GetConnectionString.png

73 KB
Loading

img/LiveServicesSite.png

430 KB
Loading

0 commit comments

Comments
 (0)