运行环境 VS2015 并安装 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: ContactsListAPI (需要修改,这个名称是azurewebsites.net中唯一的)
Resource Group: ContactsGroup
App Service Plan: [New]
自动生成URL, 例如:http://contactslistapi.azurewebsites.net
第二步(.net MVC, REST API 客户端)
打开 ContactsList.MVC
鼠标右键,Add REST API Client
选择刚添加的 API name,
(将原有的REST API Client 重复目录及文件删除)
在ContactsController.cs 修改ContactsListAPI to 新设置的
修改原有
private ContactsListAPI db = new ContactsListAPI(new Uri("http://localhost:51864"));
为API 的url, 例如:http://contactslistapi.azurewebsites.net
发布到Azure,按New 修改下面名称
Web App Name: ContactsListMVC (需要修改,这个名称是azurewebsites.net中唯一的)
Resource Group: ContactsGroup (同上)
App Service Plan: ContactsListAPIPlan (同上)
自动生成URL, 例如: http://contactslistmvc.azurewebsites.net
第三步 Angular 版
修改index.html 中78行 $scope.baseUrl = 'http://localhost:51864';
为ContactsList.API 中的url, 例如:http://contactslistapi.azurewebsites.net
发布到Azure,按New ....
在Azure portal 选择刚上传第一个API, 选择API 下的CORS, 输入Angular版的url
例如:http://contactslistangular.azurewebsites.net