Hi all, I said I’d post this because I didn’t manage to find a suitable blog post or documentation indicating how to do this with the HttpClient (beta).  (bleeding edge again ey).

This post outlines how to create a simple test server that has a Json Logon endpoint.
Then it shows how to login with the .net 4.5 HttpClient class. Lots of other post I saw were trying to set Channels on this HttpClient, I’ll have to assume this was from the developer preview or the Wcf predecessor. It appears now the solution comes in the form of a HttpClientHandler!

It’s been a long day, up at 4am for a flight and then a long day at work, so lets cut to the chase…

Server

For setup, create a new MVC4 internet application

Why? because it gives me a AccountController with a JsonLogin action

Add a new ApiController

Add the Authorize attribute

Now we have a simple server setup for testing (no https etc, but lets not overcomplicate this just now).

Client

I just created a WPF client and called the following function on a button click.

private async void Login()

{

    var handler = new HttpClientHandler();

    CookieContainer cookieContainer = new CookieContainer();

    handler.CookieContainer = cookieContainer;

    var client = new System.Net.Http.HttpClient(handler);

    var content = new FormUrlEncodedContent(new Dictionary<string, string>

    {

        {"UserName", "brianbruff1"},

        {"Password", "password"}

    });

    var response = await client.PostAsync("http://localhost:2122/account/jsonlogin", content);

    response.EnsureSuccessStatusCode();

    var msg = await response.Content.ReadAsStringAsync();

    // just get the default value from the starter project

    response = await client.GetAsync("http://localhost:2122/api/values");

    response.EnsureSuccessStatusCode();

    var list = await response.Content.ReadAsAsync<List<string>>();

}

That’s it, next steps to clean up this code are all yours,  but hopefully I’ve helped someone out.
Remember to register the user the first time your run your MVC app, or your msg variable will indicate you couldn’t be logged on.

Remember to include Http.Formatters for the ReadAsAsync extension.

Brian.

Credit to @tomasmcguinness for pointing me in the right direciton (my other approach was to use PKI).
Credit to Microsoft for releasing the source so I could figure this out!

With this post I’m back to my lovely OneNote screen clippings, my last few postings were done on Windows8 and I’d no OneNote installed.

So you want to Deserialize Json in .NET! (C#)

How do you go about it?

There are a few approaches, many poeple are familiar with JSon.NET and using it like this

or

Some people may have done it the hard way

But if you add assembly System.Net.Http.Formatting.dll you’ll get a nice little extension ReadAsAsync<T>
http://msdn.microsoft.com/en-us/library/hh836073(v=vs.108).aspx

Enjoy!

What’s wrong with this?

   1:  public class UsersController : RavenController

   2:  {  

   3:      public User Get(int userId)

   4:      {

   5:          this.AutoSave = false;

   6:          var user = RavenSession.Load<User>(userId);

   7:          if (user == null)

   8:             throw new HttpResponseException("Unable to find user for it " + userId);

   9:          return user;

  10:      }

  11:   

  12:      // GET /api/values

  13:      public IQueryable<User> GetAll()

  14:      {

  15:          this.AutoSave = false;

  16:          return RavenSession.Query<User>();            

  17:      }        

  18:  }

The problem is the variable name used for getting a single user the function would never be called.

E.g. if we put http://localhost:65487/api/users/1 into our browser what will happen is the GetAll gets called!

What we need to call is

   1:  public class UsersController : RavenController

   2:  {  

   3:      public User Get(int id)

   4:      {

   5:          this.AutoSave = false;

   6:          var user = RavenSession.Load<User>(id);

   7:          if (user == null)

   8:              throw new HttpResponseException("Unable to find user for it " + id);

   9:          return user;

  10:      }

  11:   

  12:      // GET /api/values

  13:      public IQueryable<User> GetAll()

  14:      {

  15:          this.AutoSave = false;

  16:          return RavenSession.Query<User>();            

  17:      }        

  18:  }

Now you see that the Get takes a variable name of “id” this is key to getting this work.

Note: I’m using IQuerable as this allows me to add some query parameters to my request, e.g.

$filter
A Boolean expression for whether a particular entry should be included in the feed, e.g. Categories?$filter=CategoryName eq 'Produce'. The Query Expression section describes OData expressions.

$orderby
One or more comma-separated expressions with an optional “asc” (the default) or “desc” depending on the order you’d like the values sorted, e.g. Categories?$orderby=CategoryName desc.

$select
Limit the properties on each entry to just those requested, e.g. Categories?$select=CategoryName,Description.

$skip
How many entries you’d like to skip, e.g. Categories?$skip=4.

$top-
Return entries from the top of the feed, e.g. Categories?$top=4

See MSDN for more options.

-- Updated Post --

Thanks to James Hancock for pointing this one out for me. This post is a little misleading in that the $select is currently not supported. Please see http://forums.asp.net/t/1771116.aspx/1?OData%20Support for more information on this. The other query string parameters listed above are supported.

Back on the bleeding edge again I’m in the early stages of my next killer app and I’m investigating the pros and cons of using the new ASP WebApi.

One of the features of this so called killer app will be to upload pictures (nothing special I agree). But how would I do this for all the clients I hope to support (WinRT/WP7/Html5/IOS).

Let me first present the server that will be used for all these clients, I’ll then follow up with what I consider to be the simplest client a html5 browser!

Server

So I fired up VS11 and created a new MVC4 application using .net 4.5 / C#  and the WebApi template.

I then added a controller called FileUploadController.cs

   1:  using System.Collections.Generic;

   2:  using System.Linq;

   3:  using System.Net;

   4:  using System.Net.Http;

   5:  using System.Threading.Tasks;

   6:  using System.Web.Http;

   7:   

   8:  namespace MvcApplication16.Controllers

   9:  {

  10:      public class FileUploadController : ApiController

  11:      {

  12:          public async Task<IEnumerable<string>> PostMultipartStream()

  13:          {

  14:              // Check we're uploading a file

  15:              if (!Request.Content.IsMimeMultipartContent("form-data"))            

  16:                  throw new HttpResponseException(HttpStatusCode.UnsupportedMediaType);

  17:                 

  18:              // Create the stream provider, and tell it sort files in my c:\temp\uploads folder

  19:              var provider = new MultipartFormDataStreamProvider("c:\\temp\\uploads");

  20:   

  21:              // Read using the stream

  22:              var bodyparts = await Request.Content.ReadAsMultipartAsync(provider);            

  23:          

  24:              // Create response.

  25:              return provider.BodyPartFileNames.Select(kv => kv.Value);            

  26:          }

  27:      }

  28:      

  29:  }

You can see from line 12 that I’ve made this operation async, you’ve really got to admire the simplicity of async/await construct in .net 4.5! In line 22 you can see that the compiler and some state machine magic allow the freeing up of the asp worker thread….. (If you have read my previous posts you may be a little confused now.. didn’t I say that Tasks will use use the same threadpool!?  have a look at this link for someone that pondered the very same concerns )

HTML5 Client

The client couldn’t have been easier, fist a look at it in the browser

   1:  <!DOCTYPE html>

   2:  <html lang="en">

   3:  <head>

   4:      <meta charset="utf-8" />

   5:      <title>ASP.NET Web API</title>

   6:      <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

   7:      <meta name="viewport" content="width=device-width" />

   8:  </head>

   9:  <body>

  10:      @using (Html.BeginForm("FileUpload", "api", FormMethod.Post, new { enctype = "multipart/form-data" }))

  11:      { 

  12:          <div>Please select some files</div>

  13:          <input name="data" type="file" multiple>

  14:          <input type="submit" />            

  15:      }

  16:  </body>

  17:  </html>

The important part above is using the enctype attribute, in fact line 10 loosely translates to

<form action="~/api/upload" enctype="multipart/form-data" method="POST">

Don’t believe me? Then try VS11’s awesome new feature – page inspector

Right click on the html and choose view in page inspector

and we’re done! Of course in the real world we’ll use ajax, e.g. $getJSON but here’s the response in the browser with xml.

I’ll hopefully follow up with the samples for the client list below when I get to the respective development machines.

• WinRT (c#/xaml)
• iPhone (objective c)
• Android (java)

Tonight I've stumbled across an interesting Blog on cimgf.

http://www.cimgf.com/2010/02/12/accessing-the-cloud-from-cocoa-touch/#more-909

It's been many years since I wrote PHP, so I'd naturally use asp.net serverside (or if i had a pc powerfull enough I'd use the new REST capabilities of Sharepoint 2010 server).

I've been dying to have a play with Azures for sometime now but I'm always either snowed under with work or playing with some other technology, I remember reading that Azures (storage at least) has a REST API, and with the launch of the iPhone on the Vodafone network at the end of this month I've been looking into what's involved in writing objective C (and some mono stuff) so it seems I may finally get to have a play :-)