ASP.NET WebAPI开发实例

一、环境搭建

打开VS2012, IDE版本为Visual Studio Ultimate 2012
ASP.NET WebAPI开发实例_第1张图片

文件 - 新建项目 - Visual C# - Web – ASP.NET MVC4 Web 应用程序
ASP.NET WebAPI开发实例_第2张图片
选择空项目组
ASP.NET WebAPI开发实例_第3张图片
项目右键 – 管理NuGet程序包
ASP.NET WebAPI开发实例_第4张图片
选择联机 – 搜索webapi – 安装webapi2.2 – 安装webapi2.2helppage
ASP.NET WebAPI开发实例_第5张图片
Webapi2.2为restApi开发依赖库,webapi2.2helppage为restApi帮助文档自动生成依赖库,安装成功后,项目目录中会新增一个Areas文件夹,存放的是helppage的相关代码。
项目右键 – 属性
ASP.NET WebAPI开发实例_第6张图片
选择生成选项 – 勾选XML文档文件 – 复制路径 – 保存
ASP.NET WebAPI开发实例_第7张图片
Areas – HelpPage – App_Start – HelpPageConfig.cs
ASP.NET WebAPI开发实例_第8张图片
反注释 – 更改路径
ASP.NET WebAPI开发实例_第9张图片
App_Start – RouteConfig.cs
ASP.NET WebAPI开发实例_第10张图片
添加代码

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

ASP.NET WebAPI开发实例_第11张图片
App_Start – WebApiConfig.cs
ASP.NET WebAPI开发实例_第12张图片
添加{action}
ASP.NET WebAPI开发实例_第13张图片

Controllers右键 – 添加 – 控制器
ASP.NET WebAPI开发实例_第14张图片
选择包含空读/写操作的API控制器 – 添加
ASP.NET WebAPI开发实例_第15张图片

运行项目
ASP.NET WebAPI开发实例_第16张图片
测试api – 输入http://localhost:10830/api/test/get(端口号改为自己的端口)
ASP.NET WebAPI开发实例_第17张图片
ASP.NET WebAPI开发实例_第18张图片

二、 请求方式

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

三、 跨域问题

项目右键 – 管理NuGet程序包
ASP.NET WebAPI开发实例_第19张图片
联机 – 搜索webApi
ASP.NET WebAPI开发实例_第20张图片
Web.config
ASP.NET WebAPI开发实例_第21张图片
添加代码

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

cors_allowOrigins 表示允许请求的网站, *表示允许所有网站请求
ASP.NET WebAPI开发实例_第22张图片
App_Start – WebApiConfig.cs
ASP.NET WebAPI开发实例_第23张图片
添加代码

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

ASP.NET WebAPI开发实例_第24张图片

四、 打包发布

项目 – 右键 – 发布
ASP.NET WebAPI开发实例_第25张图片
新建配置文件
ASP.NET WebAPI开发实例_第26张图片

名称随便取
ASP.NET WebAPI开发实例_第27张图片
发布方法 – 文件系统
ASP.NET WebAPI开发实例_第28张图片
选择网站包存放的位置
ASP.NET WebAPI开发实例_第29张图片
点击发布
ASP.NET WebAPI开发实例_第30张图片

ASP.NET WebAPI开发实例_第31张图片

你可能感兴趣的:(.NET,WebAPI)