self hosting web api

Ankush Band

How to access self hosting web api in windows application from another system through ajax call?

when I access self hosted webapi method of windos application from client application through ajax call from another system then it can't access. I explain my self hosted application as follows:

I create windows application and it derive from apicontroller it host self in system A with using System.Web.Http.SelfHost dll. following is my code :

In Program.cs :

using System;
using System.Web.Http;
using System.Web.Http.SelfHost;
using System.Windows.Forms;
namespace SelfHost
{
static class Program
{
[STAThread]
static void Main(string[] args)
{
var config = new HttpSelfHostConfiguration("http://182.150.1.1:8080/api");
config.Routes.MapHttpRoute(
name: "API",
routeTemplate: "{controller}/{action}/{id}",
defaults: new { id = RouteParameter.Optional }
);
using(HttpSelfHostServer server = new HttpSelfHostServer(config))
{
server.OpenAsync().Wait();
Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);
Application.Run(new MainForm());
}
}
}
}

In ProductsController.cs :

using System.Web.Http;
namespace SelfHost
{
public class ProductsController : ApiController
{
MainForm mainForm = new MainForm();
[HttpPost]
public IHttpActionResult GetResponse(string message)
{
mainForm.TextBoxRequestMsg = message;
return Json("Response from server successfully with message " + message);
}
}
}

In MainForm.cs :

using System;
using System.Windows.Forms;
namespace SelfHost
{
public partial class MainForm : Form
{
private string _TextBoxRequestMsg;
public string TextBoxRequestMsg
{
get { return txtReqMsg.Text; }
set
{
_TextBoxRequestMsg = value;
MessageBox.Show( _TextBoxRequestMsg);
}
}
public MainForm()
{
InitializeComponent();
}
}
}

Following is client application this application and is hosted on another system using this application we can call of self hosted webapi method GetResponse() from another system using jquery Ajax call. Following is my client code:

var message = "test request";
$.ajax({
url: 'http://182.150.1.1:8080/api/Products/GetResponse?message=' + message,
cache: false,
type: 'POST',
dataType: 'json',
contentType: 'application/json; charset=utf-8',
async: false,
processData: false,
success: function (data) {
alert("Successfully get response.");
},
error: function (err) {
alert("Call to web api failed.");
}
});

Also I stop firewall of both system also I enable inbound rule of "World Wide Web Services (HTTPS Traffic-In)"

tell me any possible solutions.

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ankush Band9y ago
Finally I found solution for above question and I am successfully executed above scenario.
install Microsoft.AspNet.WebApi.Cors
package through NuGet Package Manager
after install this package you can see dll reference System.Web.Http.Cors.dll
and then add the following code in Program.cs for enabling EnableCorsAttribute
as
var cors = new EnableCorsAttribute("*", "*", "*");
config.EnableCors(cors);
look like this-
static void Main(string[] args)
{
var cors = new EnableCorsAttribute("*", "*", "*");
var config = new HttpSelfHostConfiguration("http://192.168.3.81:8080/api");
config.EnableCors(cors);
config.Routes.MapHttpRoute(
name: "API",
routeTemplate: "{controller}/{action}/{id}",
defaults: new { id = RouteParameter.Optional }
);

using(HttpSelfHostServer server = new HttpSelfHostServer(config))
{
server.OpenAsync().Wait();

Application.EnableVisualStyles();
Application.SetCompatibleTextRenderingDefault(false);

Application.Run(new MainForm());
}
}
and then add following attribute in ProductsController.cs
[EnableCors(origins: "*", headers: "*", methods: "*", SupportsCredentials = true)]
look like this-
namespace SelfHost
{
[EnableCors(origins: "*", headers: "*", methods: "*", SupportsCredentials = true)]
public class ProductsController : ApiController
{
MainForm mainForm = new MainForm();

[HttpGet]
public string GetResponse()
{
mainForm.TextBoxRequestMsg = "Request get successfully from client.";
return "Response from server successfully.";
}
}
}
in my above question I was told like i have done some settings but actually not required any setting for this.
just give cross domain rights through Microsoft.AspNet.WebApi.Cors package.
Cassie Mod9y ago
is it the same computer ? or a different one ? did you do a binding in iis?