ASP.NET WebAPI開發實例 - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 網站建設 >

ASP.NET WebAPI開發實例

發表時(shí)間:2018-9-12

發布人(rén):融晨科技

浏覽次數:57

一、環境搭建

打開VS2012, IDE版本爲(wéi / wèi)Visual Studio Ultimate 2012
這(zhè)裏寫圖片描述

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

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

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

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

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

二、 請求方式

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

三、 跨域問題

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

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

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

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);

這(zhè)裏寫圖片描述

四、 打包發布

項目 – 右鍵 – 發布
這(zhè)裏寫圖片描述
新建配置文件
這(zhè)裏寫圖片描述

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

這(zhè)裏寫圖片描述

相關案例查看更多