Send HTTP POST Request In Web View Windows UWP, 8.1 Platform

In this tutorial, we will discuss how we can send POST request in a web view and get a result in the call back from webview.

While developing UWP apps, we need to send POST or GET requests to a server for authorization or for downloading files from the web. There is one case when we need web-enabled components while using Post requests. 

 

In this tutorial, we will learn the solution to this problem. 

 

We can use HtttpClient to make our http request with headers and the parameters we need to send to the server. Prepare your url. You should use .net.http namespace for this, not web.http namespace.

string url = "www.yoururl.com/authorize/";

Now, prepare your post parameters,

string postBody = string.Format("keyvalue=param1&keyvalue2={0}", someValue);

Make StringContent for this with UTF-8 encoding or whatever your server supports:

StringContent postBodyEncoded = new StringContent(postBody, Encoding.UTF8, "application/x-www-form-urlencoded");

we use x-www-form-urlencoded to tell that we have parameters in the request body. 

 

Now, declare the HttpClientHandler with AllowRedirect to true. OAuth needs many redirects itself to go from one server to the other. You may switch it off if you don't need it.

HttpClientHandler handler = new HttpClientHandler();
handler.AllowAutoRedirect = true;

Create your HttpClient, 

HttpClient client  = new HttpClient(handler);

 Now, you need to send one post request in webview. Declare a webview in your xaml file.

<WebView x:Name="MyWebView" Source="" />

We have two options,

Either prepare a HttpRequestMessage with all the params it requires and use:

MyWebView.NavigateWithHttpRequestMessage(httprequest);

Get the response of the POST request and then navigate the webview to the content of response as usual which is really easy. 

HttpResponseMessage res = await client.PostAsync(url, postBodyContent);
var content = await res.Content.ReadAsStringAsync();  // read the content from response
MyWebView.NavigateToString(content);                         // now naviagate to the data

Wow, your job is done. You have sent one POST request to server in a web-enabled component (here one webview) succesfully. 

 

What's next: You may have a requirement to get the callback from the webview after your job is done from webview. I shall write a post for this too. Until then, give your feedback on this and tell me if you get some help from it.