简单C# MVC 通信录,使用REST API 应用到 Azure (有源码)
2016-10-02 06:01
621 查看
源码链接:
使用方法:
运行环境VC2015,安装Azure App Service Tools v2.9, 需要一个Azure 账号。
第一步: API
打开 ContactsList.API, 鼠标右键 设置为 Set as StartUp Project
取消 SwaggerConfig.cs 中第170行-173行备注
编译,执行 后,url后添加: /swagger/docs/v1 and /swagger
发布到Azure, 按New (修改下面名称)
API App Name: ContactsListAPI201666 (注意,这个名称是在 .azurewebsites.net 中唯一的)
Resource Group: ContactsGroup201666
App Service Plan: [New]
url 自动生成 例如: http://contactslistapi201666.azurewebsites.net
第二步(.net MVC -- REST API 客户端)
打开 ContactsList.MVC
鼠标右键,Add REST API Client
选择刚添加的 API name,
(将原有的REST API Client 重复目录及文件删除)
在ContactsController.cs 修改ContactsListAPI to 新设置的
将原有 ContactsListAPI 和 http://localhost:51864: 改为 上面API 生成的url
(例如: http://contactslistapi201666.azurewebsites.net)
private ContactsListAPI db = new ContactsListAPI(new Uri("http://localhost:51864"));
发布到Azure,按New (修改下面名称)
Web App Name: ContactsListMVC
Resource Group: ContactsGroup (同上)
App Service Plan: ContactsListAPIPlan (同上)
url 自动生成 例如: http://contactslistmvc.azurewebsites.net
第三步 Angular 版测试
将index.html 中78行 $scope.baseUrl = 'http://localhost:51864'; 修改成 上面API 生成的url
(例如: http://contactslistapi201666.azurewebsites.net)
发布到Azure,按New ....
在Azure portal 选择 前面上传的第一个API, 选择API 下的CORS, 输入Angular版的url
例如:http://contactslistangular.azurewebsites.net , 使API 能够接收 angular 的URL
更多内容:
https://azure.microsoft.com/en-us/documentation/articles/app-service-api-dotnet-get-started/
使用方法:
运行环境VC2015,安装Azure App Service Tools v2.9, 需要一个Azure 账号。
第一步: API
打开 ContactsList.API, 鼠标右键 设置为 Set as StartUp Project
取消 SwaggerConfig.cs 中第170行-173行备注
编译,执行 后,url后添加: /swagger/docs/v1 and /swagger
发布到Azure, 按New (修改下面名称)
API App Name: ContactsListAPI201666 (注意,这个名称是在 .azurewebsites.net 中唯一的)
Resource Group: ContactsGroup201666
App Service Plan: [New]
url 自动生成 例如: http://contactslistapi201666.azurewebsites.net
第二步(.net MVC -- REST API 客户端)
打开 ContactsList.MVC
鼠标右键,Add REST API Client
选择刚添加的 API name,
(将原有的REST API Client 重复目录及文件删除)
在ContactsController.cs 修改ContactsListAPI to 新设置的
将原有 ContactsListAPI 和 http://localhost:51864: 改为 上面API 生成的url
(例如: http://contactslistapi201666.azurewebsites.net)
private ContactsListAPI db = new ContactsListAPI(new Uri("http://localhost:51864"));
发布到Azure,按New (修改下面名称)
Web App Name: ContactsListMVC
Resource Group: ContactsGroup (同上)
App Service Plan: ContactsListAPIPlan (同上)
url 自动生成 例如: http://contactslistmvc.azurewebsites.net
第三步 Angular 版测试
将index.html 中78行 $scope.baseUrl = 'http://localhost:51864'; 修改成 上面API 生成的url
(例如: http://contactslistapi201666.azurewebsites.net)
发布到Azure,按New ....
在Azure portal 选择 前面上传的第一个API, 选择API 下的CORS, 输入Angular版的url
例如:http://contactslistangular.azurewebsites.net , 使API 能够接收 angular 的URL
更多内容:
https://azure.microsoft.com/en-us/documentation/articles/app-service-api-dotnet-get-started/
相关文章推荐
- 多线程应用---使用WaveOut* API开发AMR音频播放器(含源码下载)
- Azure REST API (4) 在Python环境下,使用Azure REST API
- 使用Azure REST API创建虚拟机
- 多线程应用---使用WaveOut* API开发AMR音频播放器(含源码下载)
- 一个REST API 在Azure上应用的简单通讯录例子。(C#, MVC)
- Windows 商店应用中使用 SharePoint REST API
- 使用REST API提交、查看和结束Spark应用
- Azure REST API (3) 使用REST API,操作Azure ARM VM
- jQuery.API源码深入剖析以及应用实现(1) - 核心函数篇
- 解决使用MySQL C-API开发应用时的连接超时问题
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)
- ASP.NET MVC REST API 应用实例
- jQuery.API源码深入剖析以及应用实现(4) - 选择器篇(下)
- jQuery.API源码深入剖析以及应用实现(4) - 选择器篇(下)
- jQuery.API源码深入剖析以及应用实现(1) - 核心函数篇(1)
- 使用O3D javascript API构建一个O3D应用
- 使用开放 API 和工具快速开发情景式 mashup 应用
- 针对ASP.NET页面实时进行GZIP压缩优化的几款压缩模块的使用简介及应用测试!(附源码)
- 在企业应用中使用Java数据挖掘API
- jQuery.API源码深入剖析以及应用实现(2) - jQuery对象访问和数据缓存