AngularJSアプリを使用してAndroid携帯の画像ライブラリにアクセスする

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

angularjs.zip – 4.5 KBをダウンロード

はじめに

この記事では、AngularJsを使用してアンドロイドアプリによって公開されているREST APISをイメージライブラリにアクセスする方法を示します。

背景

AndroidとIOSには多くのリモートアクセスアプリがありますが、開発者は電話機能へのリモートアクセス用のAPIが不足していますので、myMoKitの開発はソフトウェアソリューションの欠点を埋めるために使用されます。

コードの使用

コードを使用するのは非常に簡単です。公開されているすべてのREST APIは、Web URLからmyMoKitサービスを参照するだけで表示できます。

これらのAPIリストと電話機のストリーミングメディアAngularJs経由でREST APISを呼び出すと、$リソースサービスを簡単に使用できます。

メディアリストを返すために必要なリソースを作成することができます


angular.module('resources.media', [ 'ngResource' ]);
angular.module('resources.media').factory(
'Media',
[
'$rootScope',
'$resource',
'$location',
'$http',
function($rootScope, $resource, $location, $http) {
var mediaServices = {};         
mediaServices.getAllMedia = function(media) {       
var path = $rootScope.host + '/services/api/media/' + media;
return $resource(path, {},
{
get : {
method : 'GET',
isArray : false
}
});
};
return mediaServices;
} ]);

作成されたモジュールを使用すると、簡単にすべての写真やビデオを入手できます


var getAllImages = function(){
Media.getAllMedia('image').get().$promise.then(
function success(resp, headers) {      
$scope.allImages = resp;
$scope.images = $scope.allImages.images; 
}, function err(httpResponse) {
$scope.errorMsg = httpResponse.status;
});
}; 
var getAllVideos = function(){
Media.getAllMedia('video').get().$promise.then(
function success(resp, headers) {      
$scope.allVideos = resp;
$scope.videos = $scope.allVideos.videos; 
}, function err(httpResponse) {
$scope.errorMsg = httpResponse.status;
});
};

Webブラウザで取得した一連の画像を簡単に表示できます。


<div class="alert alert-info">
<p> </p>
<h4 class="alert-heading">Usage - <i>Image Gallery</i></h4>
<p> </p>
<ul class="row">
<li class="col-lg-2 col-md-2 col-sm-3 col-xs-4" ng-repeat="image in images" style="margin-bottom:25px"><img class="img-responsive" ng-click="showImage($index)" ng-src="{{streamImageLink}}?uri={{image.contentUri}}&&id={{image.id}}&kind=1" /></li>
</ul>
</div>

以上はこの記事の内容全体であり、誰もがそれを好きになることを願っています。


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ