用于在Azure中测试的简单ASP.NET应用程序
我试图在Azure中创建和测试我们的部署策略,我通过部署一个web API和一个连接到它的web应用程序来实现这一点。现在我对网络编程几乎一无所知。我花了几个小时搜索了一个简单的hello world风格的应用程序,并找到了登录、复杂结构和数据库的示例。不,我想要一个API,它给你一个字符串,一个web应用程序,它获取并显示该字符串。简单 我在VisualStudio中使用ASP.NET模板创建了两个项目,它为我生成了500多个文件。 在API项目中,我为测试设置了一个控制器:用于在Azure中测试的简单ASP.NET应用程序,asp.net,Asp.net,我试图在Azure中创建和测试我们的部署策略,我通过部署一个web API和一个连接到它的web应用程序来实现这一点。现在我对网络编程几乎一无所知。我花了几个小时搜索了一个简单的hello world风格的应用程序,并找到了登录、复杂结构和数据库的示例。不,我想要一个API,它给你一个字符串,一个web应用程序,它获取并显示该字符串。简单 我在VisualStudio中使用ASP.NET模板创建了两个项目,它为我生成了500多个文件。 在API项目中,我为测试设置了一个控制器: using Sy
using System.Web.Http;
namespace ApiTest1.Controllers
{
[RoutePrefix("api/TestApi/v1_0")]
public class TestAPIController : ApiController
{
[Route("")]
public string Get()
{
return "Test API v1.0";
}
[Route("{id}")]
public string Get(string id)
{
return "Test API v1.0 " + id;
}
}
}
在应用程序项目中,我将login.cshtml替换为:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Test Web App</title>
</head>
<body>
<h2>Test App 1</h2>
<button type="button" onclick="getApiString2()">Get Result</button>
<p>API result</p>
<p id="testApiResult"></p>
<script>
function getApiString2()
{
var xmlHttp = new XMLHttpRequest();
var url = "http://webapitest1.azurewebsites.net/api/TestAPI/v1_0";
xmlHttp.open("GET", url, false); // false for synchronous request
xmlHttp.send(null);
document.getElementById("testApiResult").innerHTML = xmlHttp.responseText;
}
</script>
</body>
</html>
Azure中是否有一些安全问题需要我解决?项目中的其他500多个文件是否妨碍了工作?或者也许有人会提供一个非常简单的例子?
任何帮助都将不胜感激 启用CORS
您应该为API项目启用CORS,因为它部署在不同的域下。阅读更多关于。我将使用它在您的Web API项目上启用CORS。请参阅有关如何使用该软件包的优秀教程
例如,简单响应CORS头可能如下所示:
Access-Control-Allow-Headers: Content-Type
Access-Control-Allow-Methods: GET,POST,PUT
Access-Control-Allow-Origin: https://www.example.com
ASP.NET MVC+Web API并排 如果您只需要一个简单的ASP.NET MVC+Web API应用程序,您可以在单个Web应用程序中以相同的域名并排托管它们,而无需启用CORS标头。只需确保选择正确的项目模板即可为您添加必要的依赖项和初始配置: 用于完整的.NET框架 任何一个都可以。他们确实创造了很多你可能不需要的东西。这就是为什么我通常选择空的,它仍然有一些初始配置。也许这对你也有用 用于.NET核心
您需要将CORS支持作为几个教程启用,即使在show@user1165224很高兴它有帮助!
Access-Control-Allow-Headers: Content-Type
Access-Control-Allow-Methods: GET,POST,PUT
Access-Control-Allow-Origin: https://www.example.com