Saturday, February 28, 2015

How to create instance of generic class using reflection

In this post I am going to show how to create instance of generic class using c# reflection.The trick is to use the MakeGenericType to make the argument(s) and then call create Instance. Here is a code snippet:

Type d1 = typeof(List<>);
 
Type[] typeArgs = { typeof(string) };
 
Type makeme = d1.MakeGenericType(typeArgs);
 
object o = Activator.CreateInstance(makeme);
 
List<string> itsMe = o as List<string>;

Thursday, February 26, 2015

How to host wcf service in IIS using Tcp protocol

In this post I am going to show you how to host WCF service in IIS using TCP protocol.By default, the TCP WCF activation service is not enabled on your machine. You can follow these steps to enable the TCP activation for WCF services:
  1. Go to Control Panel | Programs | Turn Windows features on or off.
  2. Expand the Microsoft .Net Framework 3.5.1 node on Windows 7
  3. Check the checkbox for Windows Communication Foundation Non-HTTP Activation on Windows 7
getfile
Next,Create the IIS application to host the WCF application using TCP protocol.Follow these steps
  1. Open run command and type inetmgr
  2. Create a new application and point to physical folder.
  3. Select the DefaultAppPoll  and make sure your default app pool is a .NET 4.0.X application pool.
  4. Right-click on web application, select Manage Application | Advanced Settings, and then add net.tcp to Enabled Protocols.(Make sure you use all lowercase letters and separate it from the existing HTTP protocol with a comma)
image
Now the service is hosted in IIS using the TCP protocol.

Tuesday, February 24, 2015

Todo App using Web API and Knockout

In this post I am going to show you how to develop a todo app using knockoutjs and microsoft Web API.

What is knockoutjs

”Knockout is a standalone JavaScript implementation of the Model-View-ViewModel pattern with templates. The underlying principles are therefore: a clear separation between domain data, view components and data to be displayed.”-Wikipedia

Knockout is built around three core features:

  1. Observables and dependency tracking
  2. Declarative bindings
  3. Templating

Before diving to example code first go through the following http://knockoutjs.com/documentation/observables.html#mvvm_and_view_models

Open visual studio and create a new Web API application

image

Open Package Manager console and install knockoutjs as shown in below image

image

Right click the Model folder and add a new class named TodoItem and paste following code.

 public class TodoItem
    {
        public int Id { get; set; }
        public string Title { get; set; }
        public bool Done { get; set; }
    }

Right click the model folder again and add a new Interface class and paste following code

 public interface ITodoRepository
    {
        IEnumerable<TodoItem> GetAll();
        void AddTodo(TodoItem item);
    }
}

Add a new class inside model folder and paste following code inside it

 public class TodRepository : ITodoRepository
    {
        private static List<TodoItem> _localTodos;
        private int MaxId()
        {
            return _localTodos.Max(x => x.Id) + 1;
        }
        public TodRepository()
        {
            _localTodos = new List<TodoItem>() {
                    new TodoItem{Id=1,Title="Todo Item 1",Done=false},
                    new TodoItem{Id=2,Title="Todo Item 2",Done=false},
                    new TodoItem{Id=3,Title="Todo Item 3",Done=true},
                };

        }


        public IEnumerable<TodoItem> GetAll()
        {
            return _localTodos;
        }

        public void AddTodo(TodoItem item)
        {
           
            var id = MaxId();
            TodoItem newTodo = new TodoItem() { Id = id, Title = item.Title, Done = item.Done };
            _localTodos.Add(newTodo);
        }

        public void Delete(int id)
        {
            var taskToDeleted = _localTodos.Find(x => x.Id == id);
            _localTodos.Remove(taskToDeleted);
        }

    }

Go to controller folder and rename the ValuesController to TodoController and paste the following code.

 public class TodoController : ApiController
    {
        // GET api/values
        private ITodoRepository _repo;
        public TodoController()
        {
            _repo = new TodRepository();
        }
        public IEnumerable<TodoItem> Get()
        {
            return _repo.GetAll();
        }

        public void Post([FromBody]TodoItem value)
        {
            _repo.AddTodo(value);
        }

    }

Till now I have not done nothing related to knockoutjs.Let’s start the second part

Opend Index.cshtml and remove everything from it and paste following markup

<h1>Todo App</h1>
<div class="row">

    <form role="form">
        <div class="form-group">
            <label for="email">Title:</label>
            <input type="text" class="form-control" data-bind="value: taskName" id=" txttitle" placeholder="Enter Title">
        </div>

        <button type="submit" data-bind="click:addTask" class="btn btn-default">Submit</button>
    </form>
    <hr />
    <div class="col-md-6">
        <table class="table">
            <thead>
                <tr>
                    <th>Title</th>
                    <th>Completed?</th>
                </tr>
            </thead>
            <tbody data-bind="foreach:todos">
                <tr>
                    <td data-bind="text:Title"></td>
                    <td><input type="checkbox" data-bind="checked:Done" /> </td>
                    <td>
                        <a href="#" title="Delete the task" data-bind="click:$parent.deleteTodo" class="glyphicon glyphicon-trash"></a>
                    </td>


                </tr>
            </tbody>
        </table>
    </div>
</div>


 

The basic layout of the html is simple, and taken from the inspiring example applications. The noteworthy parts are the data-bind attributes that are sprinkled in the appropriate places:

There is a input textbox which has the same value as the viewModels taskName and there is button which will fire addTask function on viewmodel.

Right click the project and add new javascript file inside scripts folder named todoApp.js and add following code

function TodoItem(Id, Title, Done) {
    var self = this;
    self.Id = Id;
    self.Title = ko.observable(Title);
    self.Done = ko.observable(Done);
    self.Done.subscribe(function () {


    });
}
function TodoViewModel() {

    var self = this;
    self.todos = ko.observableArray([]);
    self.taskName = ko.observable();

    self.addTask = function () {
        var todoItem = new TodoItem(0, self.taskName(), false);
        self.todos.push(todoItem);
        $.ajax({
            type: "POST",
            url: "/api/todo",
            data: ko.toJSON(todoItem),
            dataType: "json",
            contentType: "application/json",
            success: function (data) {

            }

        });

    };
    self.deleteTodo = function (data) {
        self.todos.remove(data);
        $.ajax({
            type: "DELETE",
            url: "/api/todo/" + data.Id,
            dataType: "json",
            contentType: "application/json",
            success: function () {
               
            }

        });
    };
    self.init = function () {
        $.getJSON("/api/todo", function (data) {
            $.each(data, function (index, item) {
                self.todos.push(new TodoItem(item.Id, item.Title, item.Done));
            });
        });
    };

}
$(document).ready(function () {

    var viewModel = new TodoViewModel();
    viewModel.init();
    ko.applyBindings(viewModel);
});

open _Layout.cshtml and add following script

    <script src="~/Scripts/knockout-3.2.0.js"></script>
    <script src="~/Scripts/todoApp.js"></script>

Monday, February 23, 2015

How to enable CORS in web API2

In this post I am going to show you a very simple and useful tips that how to enable CORS in web API2.
What is CORS
Cross-origin resource sharing (CORS) is a mechanism that allows many resources (e.g. fonts, JavaScript, etc.) on a web page to be requested from anotherdomain outside the domain from which the resource originated
How to enable in CORS in web API2
In Visual Studio, from the Tools menu, select Library Package Manager, then select Package Manager Console. In the Package Manager Console window, type the following command:
Install-Package Microsoft.AspNet.WebApi.Cors
Open the file App_Start/WebApiConfig.cs. Add the following code to the WebApiConfig.Register method.
 public static void Register(HttpConfiguration config)
        {
            // New code
            config.EnableCors();

            config.Routes.MapHttpRoute(
                name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}",
                defaults: new { id = RouteParameter.Optional }
            );
        }