Jak wywołać API w C# za pomocą angularjs

Question

Hi wzywam moje API za pomocą poniższego kodu

$http.get('/api/controller/method?param=value'). 
      then(function (response) { 
       if (response.status == 200) { 
        console.log(response.data); 
       } 
      }); 

To działa dobrze w moim komputerze lokalnym (http://localhost/api/controller/method?param=value).

Ale kiedy go wdrożyć w serwerze z nazwą aplikacji aplikacja, to nie jest w stanie połączyć się z API (http://server-ip/app/api/controller/method?param=value).

Oczywiście nie będzie, ponieważ adres URL jest inny. Jaki jest więc właściwy sposób wywoływania interfejsu API w języku C#, aby działał na dowolnym serwerze.

Co próbowałem:
1. URL.Action: To nie działa w tym przypadku.
2. Nie chcę używać @ HTML.hidden
3. Zaproszenie wychodząc z lub bez ukośnika (/)

Answer 1

Nie jestem pewien, czy ja undestood swoje pytanie poprawnie, ale jestem stosując kątową stałą ustawić adres URL serwera

angular.constant("CONSTS", { 
    "DEV_URL": "http://localhost:12345", 
    "LIVE_URL": "http://server-ip/app" 
}) 

a następnie w $ wywołanie http

$http.get(CONSTS.DEV_URL + '/api/controller/method?param=value'). 
    then(function (response) { 
     if (response.status == 200) { 
      console.log(response.data); 
     } 
}); 

Jestem pewien, że istnieje sposób, aby zautomatyzować ten (haustem chrząknięcie), ale nie zrobił” dotarłem jeszcze. Podczas wdrażania aplikacji po prostu ręcznie zmieniam stałą. Jeśli dowiem się, jak to zrobić, zaktualizuję odpowiedź.

Nadzieja to pomaga trochę ...

Answer 2

nie wiem procesu kompilacji itp ale zazwyczaj można przechowywać ścieżkę aplikacji w pewnej stałej wartości kątowe i używać go, gdy dzwoni telefon API jako przedrostek.

Jeśli masz jakąś zautomatyzowaną kompilację, możesz łatwo przygotować pakiety wdrożeniowe ze zmienionymi wartościami (używając Gulp/Grunt/TeamCity/Octopus, cokolwiek chcesz).

Answer 3

zwykle rozwiązać ten problem za pomocą factory takiego -

Najpierw na stronie .cshtml załadować wszystkie wymagane js kątowych. Następnie należy utworzyć fabrykę za baseURL jak ta -

function(angular){ 
    var module = angular.module('NameOfMyModule'); //gt the module 
    module.factory('BaseUrl', function(){ 
     return '@Url.Action("Action", "Controller")'; 
    }); 
}(window.angular); 

Następnie wstrzyknąć że BaseURL wewnątrz kontrolera -

.... 
module.controller('SomeController', [...., 'BaseUrl', function(...., BaseUrl){ 
    $scope.baseUrl = BaseUrl; 

}]); 

....` 

Wreszcie poprzedzić go w url

$http.get($scope.baseUrl + /...../).then(....); 

Answer 4

//controller 
 
app.controller("sampleController", function($scope, commonService) { 
 

 
    //post 
 
    $scope.postData = function() { 
 
    var command = {} 
 
    commonService.postSample(command); 
 
    } 
 

 
    //get 
 
    commonService.getSample().then(function(data) { 
 
    $scope.permissionList = data; 
 
    }); 
 

 
}); 
 

 

 

 
//service 
 
app.service('commonService', function($http, $q) { 
 

 
    this.postSample = function(command) { 
 
    var deferred = $q.defer(); 
 
    $http({ 
 
     method: 'POST', 
 
     data: command, 
 
     url: '/Attendance/CreatePersonDailyLeave' 
 
     }) 
 
     .success(function(data) { 
 
     deferred.resolve(data); 
 
     }) 
 
     .error(function(data) { 
 
     deferred.reject(data); 
 
     }); 
 
    return deferred.promise; 
 
    } 
 

 

 
    this.getSample = function(id) { 
 
    var deferred = $q.defer(); 
 
    $http({ 
 
     method: 'GET', 
 
     async: true, 
 
     url: '/Attendance/GetRoles?id=' + id 
 
     }) 
 
     .success(function(data) { 
 
     deferred.resolve(data); 
 
     }) 
 
     .error(function(data) { 
 
     deferred.reject(data); 
 
     }); 
 
    return deferred.promise; 
 
    } 
 

 
});