一个REST API 在Azure上应用的简单通讯录例子。(C#, MVC)

4 篇文章 0 订阅
3 篇文章 0 订阅

源码下载


运行环境 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



源码下载

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值