Góc & Ionic, HTTP Không hoạt động trong thiết bị thực IOS

Question

Tôi gặp sự cố trong ứng dụng, khi tôi chạy ứng dụng ở máy chủ cục bộ, hoạt động không có vấn đề và tôi có thể xem danh sách kênh nhưng khi tôi thử kiểm tra ứng dụng thiết bị vật lý nó không hiển thị bất cứ điều gì. Tôi nghĩ rằng vấn đề xuất phát từ phương pháp mà tôi đang sử dụng để gửi dữ liệu json qua http.

(function() { 
'use strict'; 

angular.module('testApp').controller('ChannelCtrl', ['$state', 'testApi', ChannelCtrl]); 

function ChannelCtrl($state, testApi) { 
    var vm = this; 

myscreenApi.getChannels().then(function(data){ 
     vm.channels = data; 
    }); 

    vm.selectLeague = function(id){ 
     testApi.setChannelId(id); 
     $state.go("app.video"); 
    } 

}; 
})(); 

và chức năng này của tôi để có được channeldata

function getChannels() { 
     var deferred = $q.defer(), 
      cacheKey = "leagues", 
      ChannelsData = null; 

     if (ChannelsData) { 
      console.log("Found data inside cache", ChannelsData); 
      deferred.resolve(ChannelsData); 
      $window.alert("From Cache"); 
     } else { 
      $http.get("http://example.com/api/videos/getchannels") 
       .success(function(data) { 
        console.log("Received data via HTTP"); 
        self.leaguesCache.put(cacheKey, data); 
        $window.alert("From HTTP"); 
        deferred.resolve(data); 
       }) 
       .error(function(dataerr) { 
        console.log("Error while making HTTP call."); 
        $window.alert("Error baba daram " + dataerr); 
        deferred.reject(); 
       }); 
     } 
     return deferred.promise; 
    } 

khi tôi gửi dữ liệu với JSON.parse(), nó hoạt động đúng.

vm.channels = JSON.parse('[{"Name":"MyScreen News","ID":46,"Thumbnail":"CB46.jpg","Videos":null}]'); 

Tổng thể, tôi đã sử dụng API Web ASP.NET được gửi dữ liệu bằng JSON. Các ứng dụng hoạt động tốt trong máy tính để bàn của chúng tôi tuy nhiên các ứng dụng đang chạy không thể lấy dữ liệu từ máy chủ của chúng tôi. Hơn nữa, khi tôi tiêm dữ liệu trong chương trình trực tiếp nó hoạt động trong cả hai nền tảng. Ngoài tệp cấu hình ionic được trình bày bên dưới:

<content src="index.html"/> 
    <access origin="*"/> 
    <preference name="webviewbounce" value="false"/> 
    <preference name="UIWebViewBounce" value="false"/> 
    <preference name="DisallowOverscroll" value="true"/> 
    <preference name="BackupWebStorage" value="none"/> 
    <feature name="StatusBar"> 
    <param name="ios-package" value="CDVStatusBar" onload="true"/> 
    </feature> 

Đó là tất cả. ;)

Answer 1

Nếu bạn đang sử dụng một trong những phiên bản mới nhất của cordova bạn có thể phải cài đặt cordova plugin whitelist:

cordova plugin add cordova-plugin-whitelist 

Nếu bạn đang sử dụng IIS Express bạn có thể tìm thấy một vài vấn đề.
Tôi đã giải thích chi tiết hơn một số here.

Answer 2

Có chính xác cùng một sự cố khi làm việc trên máy chủ thử nghiệm. Có vẻ như iOS 9 đã thêm một lớp bảo mật vào ứng dụng của họ bằng cách không cho phép ứng dụng kết nối với máy chủ thông qua HTTP thay vì HTTPS.

Để khắc phục điều này, bạn phải thêm This Patch vào tệp info.plist iOS của bạn.

Hãy nhớ rằng giải pháp này là INSECURE và không nên được sử dụng trong các dịch vụ web sản xuất.

Answer 3

Tôi gặp vấn đề tương tự. Nếu bạn đang sử dụng cordova cao hơn 4,0 bạn sẽ phải chạy cordova plugin add cordova-plugin-whitelist

Bạn có thể kiểm tra phiên bản cordova bạn bằng cách chạy cordova -v

Chúc mừng Mã hóa.