azure-appservice-samples / contosomoments Goto Github PK

Use Azure CDN to Cache static assets (javascript, css, images, etc) in edge servers so that performance is improved in geographies where the application isn't deployed.

There are 4 await functions each re-sizing an image. The actual resizing happen synchronously. One way to solve it is to have the webjob resize only one image, and select the image size and blob path via the info in the Q message

Create a video on how to configure Azure CDN and apply the CDN to the Web and Mobile Clients

This is needed to install the Azure Mobile JS SDK in to the web client.

We might want to leave the Azure CDN out of the initial template, as it's more of an advanced scenario. However, we should include an ARM template for creating/configuring Azure CDN with this solution.

Currently the functionality only handles capturing still images, we should enable the ability to capture video.

There was a bug in the mobile client (in both Android and iOS) that prevented images from being uploaded to the public album, even if you were not using the default service. There just needs to be an new app store deployment with the latest from master.

The Facebook app shows this message when you first authorize: You are using a display type of 'page' in a small browser window or popup. For a better user experience, show this dialog with our JavaScript SDK without specifying an explicit display type. The SDK will choose the best display type for each environment. Alternatively, use display type 'popup' if you have special requirements precluding you from using the SDK. This message is only visible to developers of your application.

Simple video on how to setup Facebook and Azure Active Directory Authentication using App Service Authenication & Authorization feature.

Provide a demonstration of the offline sync functionality in the Mobile Client App. Show the results of the files being uploaded once connectivity is regained on the device.

The 0.3 version of the Functions runtime requires a binding direction of InOut, but the Functions portal has a bug (https://github.com/projectkudu/AzureFunctionsPortal/issues/431) where it freezes the UI when it sees binding modes it doesn't understand. We should downgrade to ~0.2 so that it's possible to use the functions editor.

Add azure firewall rule to deployment template OR document as manual step in readme

Integrate the OneDrive Web Picker (https://dev.onedrive.com/sdk/javascript-picker-saver.htm) to enable images to be selected from one drive via the Web interface instead of uploading an image from the local machine.

In the ManageUserController there is a call to the Facebook Graph API to retrieve the email claim.

This is now built into App Service Authentication & Authorization.

I got these errors in the Console:

https://donnamcontosomoments.azurewebsites.net/app/js/services/AuthService.js Failed to load resource: the server responded with a status of 404 (Not Found)
angular.js:12477
ReferenceError: appConfig is not defined
at new (AlbumController.js:151)
at e (angular.js:4478)
at Object.instantiate (angular.js:4486)
at angular.js:9151
at ui-bootstrap-custom-tpls-0.14.3.min.js:8
at angular.js:14745
at n.$eval (angular.js:15989)
at n.$digest (angular.js:15800)
at n.$apply (angular.js:16097)
at h (angular.js:10546)

Enable Application insights on the application, as well as set custom counters at key areas in the application to monitor feature usage.

Add Custom Counters to key features of the mobile application to monitor usage.

There's one in the root and in the deployment folder. We should use only one, and have the deployment folder reference the one at the root.

There can be breaking changes when "latest" is used, so we should change to ~0.3 or ~0.4.

When the ability to capture video support is added (#6) we should push that video content to Media Services such that it is rendered for different devices similarly to how we resize the images currently.

Provide a configuration point for Azure CDN over Azure Storage in the Web Client application. This should be configurable via App Setting which is exposed to the Angular front-end.

Quick Summary on how to Deploy the Contoso Moments Application using the Deploy to Azure button.

Considering all of the files are being loaded directly from storage, we should add in a CDN endpoint to enable faster loading of content from around the world.

This will require an additional setting where the Azure CDN (azureedge.net) endpoint can be configured in the mobile client.

I'd like to hope this is pretty straight forward from the portal, but we should include a pointer to some documentation if it's available, if it isn't let's create a small wiki article on how this is configured.

There is a potential issue with System.Drawing where there could be a memory leak. We should rewrite this to use the recommended image resize library

The project README should fulfill the following criteria:

1. Badges for supported platforms (available on https://shields.io)
2. What is Contoso Moments
3. How do I Deploy this demo
4. How do I Configure the Mobile Client App.
5. Change Log

Connected to Asana Item: https://app.asana.com/0/58224874400055/68547936650494

Currently there is a need to call ResizeQueue from the client side. This is a function which is required to be called which means it should be triggered as part of the insert function for the database to ensure that the image is resized by the WebJob.

The delete function should stay as a queue trigger.

Provide the presenter some hints as to how they are to find out how to fill out the ARM Template

To ensure that we don't need to pummel the service layer for requests that aren't needed.

To upload or download a file, call POST on tables/image/id/StorageToken (see https://github.com/lindydonna/ContosoMoments/blob/master/src/Cloud/ContosoMoments.API/Controllers/TableControllers/ImageStorageController.cs#L22)

Details on how to do the download:

To get the files associated with a record, call GET tables/image/id/MobileServiceFiles. This endpoint returns all image sizes, so the web client should pull out just the size it wants for the view.

Obviously in the cloud we don't have an On-Premises Data Center, however we can mock one with Virtual Machine resources.

Stand-up a VM or separate ASE to show how we can connect this Web App to a VNet to access on-prem data.

To set up your site, set the connection string MS_AzureStorageAccountConnectionString to your storage connection string. See https://github.com/lindydonna/ContosoMoments/blob/master/src/Cloud/ContosoMoments.API/Web.config#L15

And use a blob trigger instead of queue message.