Connect To WCF Web Service From SharePoint Hosted Add-In

Here are the steps to connect to WCF Web Service from SharePoint Hosted Add-in.

1. Create WCF Web Service using the template available in Visual Studio.
2. In Controller class, write the below interface.
   

   [OperationContract]
   [WebGet(ResponseFormat = WebMessageFormat.Json,
   UriTemplate = "SaveDocument?url={docUrl}")]
   byte[] SaveDocument(string docUrl);

3. Create a method in code behind file, as shown below.
   

   public byte[] SaveDocument(string docUrl)
   {
      //Write your own code here and return byte[]
   }

   Note
   
   Return type should be same as declared in interface. Here, “SaveDocument” method will be called on accessing the Web Service with this URL -
   
   http://localhost/IISFolder/Controller.svc/SaveDocument?url=" + "urlParameter";
   
   
4. Call Web Service from SharePoint Hosted Add-in using function.
   

   function test() {
       //web service URL with parameter
       var requestUriTest = "http://localhost/IISFolder/Controller.svc/SaveDocument?url=" + "urlParameter";
       $.support.cors = true;
       return $.ajax({
           url: requestUriTest,
           type: "GET",
           data: "",
           headers: {
               "accept": "application/json;odata=verbose"
           },
           ContentType: "application/json; charset=utf-8",
           dataType: "json",
           success: function(data) {
               //Process the data
           },
           error: function(data) {
               //Alert error
               alert(data);
           }
       });
   }