Web API On

NoSQL on ASP.
NET
(updated)
Module 2 : Application
Development
issarapong.khu@kmutt.ac.th 1
Requirements
• Visual Studio
• ASP.NET
• Postman
Web Forms
Component-based
ASP.NET MVC
ASP.NET Web Forms
Web Pages • Stable and mature, supported by heaps of third-
Lightweight framework for dynamic content party controls and tools
• Event driven Web development
Web API • Postbacks
Framework for building RESTful Web services • Viewstate
• Less control over the HTML
Real-time client-server communication • Hard to test
• Rapid development
Dr.Issarapong Khuanrkrue 3
What is Web API?
• API stands for Application Programming Interface.
• A Web API is an application programming interface for the Web.

• A Browser API can extend the functionality of a web browser.
• A Server API can extend the functionality of a web server.
• Browser APIs
• All browsers have a set of built-in Web APIs to support complex operations, and to help
accessing data.
• Third Party APIs
• Third party APIs are not built into your browser. To use these APIs, you will have to download
the code from the Web.
• Examples:
• YouTube API - Allows you to display videos on a web site.
• Twitter API - Allows you to display Tweets on a web site.
• Facebook API - Allows you to display Facebook info on a web site.
• RESTful or REST stands for “Representational
State Transfer”. REST
• It is an application program interface(API) based
architecture and uses HTTP Protocol. Resource
/student
/student/1
• REST methods
GET POST
• GET − Provides a read only access to a resource. Read Create
• POST − Used to create a new resource. Get all student details Create a new student
• DELETE − Used to remove a resource.
• PUT − Used to update an existing resource or
create a new resource.
PUT DELETE
Update Delete
Update relevant student Delete relevant student
details details
Server
JSON server
CLIENT-SERVER ARCHITECTURE Request Response
Client
Browser
Ex.
{
JSON "book": [
{
"id":"01",
"language": "Java",
JSON stands for “JavaScript Object Notation”, which represent
"edition": "third",
the REST.
"author": "Herbert
Schildt"
It is a lightweight data-interchange format and "self-describing"
},
and easy to understand.
{
JSON is language independent, which uses JavaScript syntax,
"id":"07",
but the JSON format is text only. Text can be read and used as a
"language": "C++",
data format by any programming language.
"edition": "second",
"author":
"E.Balagurusamy"
}
]
}
JSON SERVER USING NODE.JS
1 Download https://nodejs.org/en/
LTS version (Recommended)
2 Install
1 Create Folder : Desktop\JsonServer
2 Open command prompt or cmd
PC name
PC name
PC name
3 Command
> npm install –g json-server
4 start server : Command >json-server --watch db.json
PC name
PC name
PC name
JsonServer is ready!
Do not close
Test: go to http://localhost:3000 or 127.0.0.1:3000
{
Replaces json file "books": [
{
"id": 1,
"title": "Angels & Demons",
"price": 9.68,
"authorId": 1
},
{
"id": 2,
"title": "The Da Vinci Code",
"price": 17.97,
"authorId": 1
},
{
"id": 3,
"title": "It",
"price": 13.16,
"authorId": 2
},
{
"id": 4,
"title": "A Game of Thrones (A Song of Ice and
copy Fire, Book 1)",
"price": 10.33,
"authorId": 3
}
],
"authors": [
{
"id": 1,
"name": "Dan Brow"
},
{
"id": 2,
"name": "Stephen King"
},
{
"id": 3,
"name": "George R. R. Martin"
}
]
}
get
http://localhost:3000/books
http://localhost:3000/authors
Sort
http://localhost:3000/books?_sort=title&_order=asc
Slice
http://localhost:3000/books?_start=2&_end=4
Paginate
http://localhost:3000/books?_page=2
http://localhost:3000/books?_page=2&_limit=3
Play with REST Client on google chrome
GET
POST
PUT
DELETE
Note : Back up json file before test
Play on postman REST Client
https://www.postman.com/product/rest-client/
GET
POST
PUT
DELETE
ASP.NET Web APIs
• Build secure REST APIs on any platform
with C#
• With ASP.NET, use the same framework
and patterns to build both web pages
and services, side-by-side in the same
project.
https://visualstudio.microsoft.com/downloads/
Create project
From the File menu, select New > Project.
Select the ASP.NET Core Web API template and

click Next.
In the Create a new ASP.NET Core Web
Application dialog, confirm that .NET
Core and ASP.NET Core 7are selected.
Test the project
or press F5
https://localhost:<port>/WeatherForecast
Add a model class
1 2
Replace the template code
Add a database context
Microsoft.EntityFrameworkCore.InMemory
Microsoft.EntityFrameworkCore.Design
Add new class
Register the database context
Update Program.cs
add usings
Adds the database context to the DI container.

Specifies that the database context will use an in-memory
database.
Scaffold a controller
1 2 Select API Controller with action, using Entity Framework
In the Add API Controller with actions, using Entity Framework
Check controller
Update the POST create method at Controller
use the nameof operator: A nameof expression produces the name of a variable, type,
or member as the string constant.
Test the project
or press F5
Disable SSL certificate verification at Postman
Test it with Postman
port
1 3
copy
2 {
"name":"walk dog",
"isComplete":true
}
Test the location header URI 1 Add https://localhost: :<port>/api/ controllername /1
port
The default URL routing logic used by MVC uses a format like this to Description
determine what code to invoke:
URL routing logic
/[Controller]/[ActionName]/[Parameters]
The routing format is set in the Configure method in Startup.cs

file.
or press F5
https://localhost:xxxxport/HelloWorld/Welcome
For example, localhost:xxxxport/HelloWorld maps to the

HelloWorldController class.
Test the Put method
1 3
Test the Delete method
More Information:
Building REST API with SQL Server using JSON functions

https://youtu.be/0m6GXF3-5WI

Web API On

Uploaded by

Web API On

Uploaded by

NoSQL on ASP.

• A Web API is an application programming interface for the Web.

CLIENT-SERVER ARCHITECTURE Request Response

2 Open command prompt or cmd

Note : Back up json file before test

From the File menu, select New > Project.

Select the ASP.NET Core Web API template and

Adds the database context to the DI container.

1 2 Select API Controller with action, using Entity Framework

The routing format is set in the Configure method in Startup.cs

For example, localhost:xxxxport/HelloWorld maps to the

Building REST API with SQL Server using JSON functions

You might also like