您的位置:首页 > 编程语言 > C#

简单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/
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: