ASP.NET WebAPI開發實例

一、環境搭建

打開VS2012, IDE版本爲Visual Studio Ultimate 2012
這裏寫圖片描述

文件 - 新建項目 - Visual C# - Web – ASP.NET MVC4 Web 應用程序
這裏寫圖片描述
選擇空項目組
這裏寫圖片描述
項目右鍵 – 管理NuGet程序包
這裏寫圖片描述
選擇聯機 – 搜索webapi – 安裝webapi2.2 – 安裝webapi2.2helppage
這裏寫圖片描述
Webapi2.2爲restApi開發依賴庫,webapi2.2helppage爲restApi幫助文檔自動生成依賴庫,安裝成功後,項目目錄中會新增一個Areas文件夾,存放的是helppage的相關代碼。
項目右鍵 – 屬性
這裏寫圖片描述
選擇生成選項 – 勾選XML文檔文件 – 複製路徑 – 保存
這裏寫圖片描述
Areas – HelpPage – App_Start – HelpPageConfig.cs
這裏寫圖片描述
反註釋 – 更改路徑
這裏寫圖片描述
App_Start – RouteConfig.cs
這裏寫圖片描述
添加代碼

routes.MapRoute(
    "HelpPage", // 路由名稱
    "{controller}/{action}/{id}", // 帶有參數的 URL
    new { controller = "help", action = "Index", id = UrlParameter.Optional }, // 參數默認值
    new string[] { "mvcProject.Areas.HelpPage.Controllers" }
).DataTokens.Add("Area", "HelpPage");

這裏寫圖片描述
App_Start – WebApiConfig.cs
這裏寫圖片描述
添加{action}
這裏寫圖片描述

Controllers右鍵 – 添加 – 控制器
這裏寫圖片描述
選擇包含空讀/寫操作的API控制器 – 添加
這裏寫圖片描述

運行項目
這裏寫圖片描述
測試api – 輸入http://localhost:10830/api/test/get(端口號改爲自己的端口)
這裏寫圖片描述
這裏寫圖片描述

二、 請求方式

http://www.cnblogs.com/landeanfen/p/5337072.html
https://blog.csdn.net/qq_22267353/article/details/82216535

三、 跨域問題

項目右鍵 – 管理NuGet程序包
這裏寫圖片描述
聯機 – 搜索webApi
這裏寫圖片描述
Web.config
這裏寫圖片描述
添加代碼

<add key="cors_allowOrigins" value="*" />
<add key="cors_allowHeaders" value="*" />
<add key="cors_allowMethods" value="*" />

cors_allowOrigins 表示允許請求的網站, *表示允許所有網站請求
這裏寫圖片描述
App_Start – WebApiConfig.cs
這裏寫圖片描述
添加代碼

using System.Configuration;

var allowOrigins = ConfigurationManager.AppSettings["cors_allowOrigins"];
var allowHeaders = ConfigurationManager.AppSettings["cors_allowHeaders"];
var allowMethods = ConfigurationManager.AppSettings["cors_allowMethods"];
var globalCors = new System.Web.Http.Cors.EnableCorsAttribute(allowOrigins, allowHeaders, allowMethods)
{
    SupportsCredentials = true
};
config.EnableCors(globalCors);

這裏寫圖片描述

四、 打包發佈

項目 – 右鍵 – 發佈
這裏寫圖片描述
新建配置文件
這裏寫圖片描述

名稱隨便取
這裏寫圖片描述
發佈方法 – 文件系統
這裏寫圖片描述
選擇網站包存放的位置
這裏寫圖片描述
點擊發布
這裏寫圖片描述

這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章