How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud–Part 6 of 6

 

How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud–Part 6 of 6

Rate This
  • Comments 3

How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud -- Part 1 http://blogs.msdn.com/b/brunoterkaly/archive/2012/08/25/how-to-take-photographs-from-windows-8-applications-and-automatically-upload-them-to-the-cloud-part-1-of-6.aspx
How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud -- Part 2 http://blogs.msdn.com/b/brunoterkaly/archive/2012/08/26/tet3.aspx
How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud -- Part 3 http://blogs.msdn.com/b/brunoterkaly/archive/2012/08/27/test23.aspx
How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud -- Part 4 http://blogs.msdn.com/b/brunoterkaly/archive/2012/08/28/how-to-take-photographs-from-windows-8-applications-and-automatically-upload-them-to-the-cloud-part-4-of-6.aspx
How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud -- Part 5 http://blogs.msdn.com/b/brunoterkaly/archive/2012/08/29/step-5-of-6.aspx
How To Take Photographs From Windows 8 Applications And Automatically Upload Them To The Cloud -- Part 6 http://blogs.msdn.com/b/brunoterkaly/archive/2012/08/29/how-to-take-photographs-from-windows-8-applications-and-automatically-upload-them-to-the-cloud-part-6-of-6.aspx

Modifying Windows 8 application to point to the deployed web service in a Microsoft data center
001
  1. At this stage, we're just about finished with both applications.
  2. To the final step is to point the Windows 8 application two are freshly deployed web service in the Microsoft data center.
  3. This simply means we need to change the URL used by the Windows 8 application.

Changing one line of code - Changing the shared access signature URL
002
  1. Return back to your Windows 8 application in Visual Studio.
  2. Open MainPage.xaml.cs
  3. Simply change the URL as seen in Figure above. Notice that we commented out the URL corresponding to the storage emulator, and replaced it with their real URL pointing to a Microsoft data center, has described previously.
  4. We will edit the file Mainpage.xaml.cs.
  5. Notice server explorer above. You can see that I've attached to our storage account in the cloud, courtesy of Visual Studio.
  6. Key point:
    1. On line 8 you cannot use brunoterkalyphotos. That is my personal account.
    2. You need to sign up for an azure test account. See end of this post for instructions.

Using Visual Studios storage explorer to view the file
001
  1. At this point you could connect Visual Studio to the newly created storage account. From there you would be able to retrieve the URL corresponding to the photo that you just uploaded .
  2. Return to Visual Studio and the web services project.
  3. From the view menu select a Server Explorer.
  4. Right mouse click on Windows 8 azure storage as seen in the figure above.
  5. You can see that we've added the account name and access key.
    • AccountName=brunoterkalyphotos
    • AccountKey=eTzHRURU6vVoSX7hY2cR53KYH1bxOqlzuyd04G0FlMimufaJ+GwSLUcY0XBlYsMJ+TqmMLbBVLaPdJknB6qN8gSeSelect add new storage account

Getting the URL for our recently uploaded photo
002
  1. View Server Explorer.
  2. Right mouse click on n photocontainer in Server Explorer, and choosing Properties, you can get to the underlying url of your uploaded blob (picture).

Using Visual Studio to view your uploaded photograph
003
  1. Once you select photocontainer in Server Explorer, you can see the list of blobs inside the container (photocontainer).
  2. You could double click on picture039.jpg to view it. In effect, Visual Studio is downloading for you.

Using Visual Studio to view your uploaded photograph
004
  1. That's all there is here
  2. The point is that you can view uploaded blobs with Visual Studio and with a browser.


 MainPage.xaml.cs
1
2
3
4
5
6
7
8
9
10
11
private async void CapturePhoto_Click(object sender, RoutedEventArgs e)
{
    // This url represents the template for the shared access signature.
    // If the web service were deployed to a Microsoft data center, this url 
    // would need to be changed to reflect the location of the deployed instance
    // of the web service. For now, the local emulation environment is being used.
    //string _photoSAS = "http://127.0.0.1:81/api/values?container={0}&blobName={1}";
    string _photoSAS = "http://brunoterkalyphotos.cloudapp.net/api/values?container={0}&blobName={1}";
    try
    {


Re-running the Windows 8 application
004
  1. Now that we have successfully deployed our web servers to the cloud, we're ready to run the Windows 8 application to test its ability to upload photos. There's no need to run the web services project from Visual Studio since it has already been deployed.
  2. Return to Visual Studio and the Windows 8 application.
  3. We have finished with the data connection string
    • Run the application and Capture Photo
    • Within seconds of taking the photo, it has been uploaded to the cloud and is ready for public viewing.
    • The photo above demonstrates the publicly available image. In fact, you could go to it now.

Source Code
005
  1. Download all source code here.

  1. Future Posts
    • Stay tuned!
  2. Download the free trial

Thanks..
I appreciate that you took the time to read this post. I look forward to your comments.
  • How will you go about making this application configurable/generic such that the end user have to specify their Windows 8 azure storage key without having to re-build the app in Visual Studio? I am thinking along the lines of of making this a generic app for uploading photos to my azure storage for example

  • Wp7agile,

    Email me your ph# so I can get a better idea of what you are trying to accomplish.

  • Sent you details via email

    http://wp7agile.wordpress.com

Page 1 of 1 (3 items)
Leave a Comment
  • Please add 3 and 5 and type the answer here:
  • Post