共用方式為

WCF Part2

  • 發行項

Ways to Consume WCF services :

I created a solution and consumed the Service in diferents ways  for REST (json format)and for SOAP (XML format) so that you can have an idea how does it work from front-end side.

First, I created a solution with WCF proyect hosted on IIS (svc file) and another as a client to consume Service.

 

w1

file svc  is pointing to my Service class which can be located as a dll in bin file or AppCode folder as a class or another way.

<%@ ServiceHost Language="C#" Debug="true" Service="MyWcfService.MyService" CodeBehind="MyService.svc.cs" %>

to simplify this and focuses only  how to call it, i will rule out Service contract and implementations from backend side.

 

Now , I leave you here the webconfig file so that you can see how many bindings i configured and  dif. settings.

 

<?xml version="1.0"?>

<configuration>

<system.web>

<compilation debug="true" targetFramework="4.0" />

</system.web>

<system.serviceModel>

<behaviors>

<serviceBehaviors>

<behavior name="dani">

<!-- To avoid disclosing metadata information, set the value below to false and remove the metadata endpoint above before deployment -->

<serviceMetadata httpGetEnabled="true"/>

<!-- To receive exception details in faults for debugging purposes, set the value below to true. Set to false before deployment to avoid disclosing exception information -->

<serviceDebug includeExceptionDetailInFaults="false"/>

</behavior>

</serviceBehaviors>

<endpointBehaviors>

<behavior name="WebBehavior">

<webHttp/>

</behavior>

</endpointBehaviors>

</behaviors>

<bindings>

<wsHttpBinding>

<binding name="NoSecurity">

<security mode="None"/>

</binding>

</wsHttpBinding>

</bindings>

<services>

<service behaviorConfiguration="dani" name="MyWcfService.MyService">

<endpoint address="mex" binding="mexHttpBinding" contract="IMetadataExchange" />

<endpoint address="bh" binding="basicHttpBinding" contract="MyWcfService.IMyService" />

<endpoint address="wh" binding="wsHttpBinding" contract="MyWcfService.IMyService" />

<endpoint address="rh" behaviorConfiguration="WebBehavior" binding="webHttpBinding"

contract="MyWcfService.IMyService"/>

<endpoint address="jh" binding="wsHttpBinding" bindingConfiguration="NoSecurity"

contract="MyWcfService.IMyService" />

</service>

</services>

<serviceHostingEnvironment multipleSiteBindingsEnabled="true" />

</system.serviceModel>

<system.webServer>

<modules runAllManagedModulesForAllRequests="true"/>

</system.webServer>

</configuration>

 

 

Now it is  time to call Service :

I detail here diferent ways depending if you set WCF as rest or soap.

you can créate a simple asp.net client and place the following lines into it to call Service.

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Webpage.aspx.cs" Inherits="WebApp.Webpage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="https://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

</head>

<body>

<form id="form1" runat="server">

<script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js"></script>

<script>

//For avoiding "No- Transport" error

//force cross-site scripting (as of jQuery 1.5)

jQuery.support.cors = true;

//Call Rest WCF Service

$(document).ready(function () {

$("#btnWCFREST").click(function () {

$.ajax({

type: "GET",

url: "https://localhost:1415/servicio/MyService.svc/rh/data?id=4",

processData: false,

contentType: "application/json; charset=utf-8",

dataType: "json",

success: function (data) {

alert(data);

},

error: function (xhr, status, error) {

alert(error);

}

});

});

});

 

//Call WCF Service exposed with BasicHttp binding

//SOAP request in order to call the Service method

var bhRequest = "<s:Envelope xmlns:s=\"https://schemas.xmlsoap.org/soap/envelope/\">" +

"<s:Body>" +

"<GetData xmlns=\"https://tempuri.org/\">" +

"<value>8</value>" +

"</GetData>" +

"</s:Body>" +

"</s:Envelope>";

$(document).ready(function () {

$("#btnWCFBasicHttp").click(function () {

$.ajax({

type: "POST",

url: "https://localhost:1415/servicio/MyService.svc/bh/",

data: bhRequest,

timeout: 10000,

contentType: "text/xml",

dataType: "xml",

beforeSend: function (xhr) {

xhr.setRequestHeader("SOAPAction", "https://tempuri.org/IMyService/GetData");

},

success: function (data) {

$(data).find("GetDataResponse").each(function () {

alert($(this).find("GetDataResult").text());

});

},

error: function (xhr, status, error) {

alert(error);

}

});

});

});

 

 

//Call WCF Service exposed with WSHttp binding

//SOAP request generated in order to call the Service method

var whRequest ="<s:Envelope xmlns:a=\"https://www.w3.org/2005/08/addressing\" xmlns:s=\"https://www.w3.org/2003/05/soap-envelope\">" +

"<s:Header>" +

"<a:Action s:mustUnderstand=\"1\">https://tempuri.org/IMyService/GetData</a:Action>" +

"<a:MessageID>urn:uuid:7fdde7b6-64c8-4402-9af1-cc848f15888f</a:MessageID>" +

"<a:ReplyTo>" +

"<a:Address>https://www.w3.org/2005/08/addressing/anonymous</a:Address>" +

"</a:ReplyTo>" +

"<a:To s:mustUnderstand=\"1\">https://localhost:1415/servicio/MyService.svc/jh</a:To>" +

"</s:Header>" +

"<s:Body>" +

"<GetData xmlns=\"https://tempuri.org/\">"+

"<value>9</value>"+

"</GetData>" +

"</s:Body>" +

"</s:Envelope>";

$(document).ready(function () {

$("#btnWCFWSHttp").click(function () {

$.ajax({

type: "POST",

url: "https://localhost:1415/servicio/MyService.svc/jh/",

data: whRequest,

timeout: 10000,

contentType: "application/soap+xml",

dataType: "xml",

async: false,

success: function (data, status, xhr) {

$(data).find("GetDataResponse").each(function () {

alert($(this).find("GetDataResult").text());

});

},

error: function (xhr, status, error) {

alert(error);

}

});

});

});

</script>

<div>

<input id="btnWCFREST" type="button" value="Call REST WCF using JQuery" />

<p>

<input id="btnWCFBasicHttp" type="button" value="Call BasicHttp binded WCF using JQuery" />

</p>

<p>

<input id="btnWCFWSHttp" type="button" value="Call WsHttp binded WCF using JQuery" />

</p>

</div>

</form>

</body>

</html>

 

 

you can call the Service from code source dinamically as stated in WCF Part 1.

you can make use one of the following clases to do that:

  • HttpWebRequest for control
  • WebClient for simplicity and brevity
  • RestSharp for both on non-.NET 4.5 environments
  • HttpClient for both + async features on .NET 4.5 environments

 

 

Do not forget that if you call from diferent domain from javascrip it will not allow you do it :

you may want to allow  ajax CROSSDOMAIN   :
you enable CORS.There's a good read with explanation and work around here: https://blogs.msdn.com/b/carlosfigueira/archive/2012/05/15/implementing-cors-support-in-wcf.aspx    or you can take a look at this :  https://stackoverflow.com/questions/17183569/wcf-service-call-from-ajaxcross-domain     or this one : https://www.codeproject.com/Articles/223572/Calling-Cross-Domain-WCF-service-using-Jquery-Java
ALLOW IN WEBCONFIG FILE  IN WCF HOSTED FILE: core

Hope this can be of useful for you. Thanks :)

Comments