Angular et REST

Version imprimable

Angular et REST

Bonjour j'essaye de comprendre comment en javascript avec Angular et REST je peux me connecter à un web service qui récupère des données en base, et effectuer des opérations CRUD sur les données que me retourne mon ws.

Dans un premier temps j'aimerai juste pouvoir me connecter à ce web service et récupérer les données pour celà, j'ai essayé plusieurs méthodes, mais je n'ai jamais réussi à retourner une valeur sur ma vue. Parmi ce que j'ai essayé voici pour le .js :

Code:

1
2
3
4
5
6
function AdminCtrl($scope, $http) {
$http({method: 'GET', url: 'http://localhost:8010/mon_ws'}).
            success(function(data, status, headers, config) {
                $scope.assets= data;
            })
}

Puis un deuxième cas ou j'essaye de me connecter sans rest :

Code:

1
2
3
4
5
6
7
8
9
var url = "http://localhost:8010/mon_ws";
 
    $http.jsonp(url) 
        .success(function(data) {
            $scope.assets = data;
 
        }).error(function(data) {
            $scope.assets = data || "Request failed";
        });

Ma vue html est toujours la même dans les deux cas :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<div ng-controller="AdminCtrl">
<div class="span8">
        <table cellpadding="0" cellspacing="0" border="0" class="table table-striped table-bordered" id="assets">
            <h1 class="assets_title">Assets</h1>
            <thead>
                <th>Value</th>
                <th>Description</th>
            </thead>
            <tbody>
                <tr ng-repeat="asset in assets | filter:query">
                    <td>
                        {{asset.Name}}
                    </td>
                    <td>
                        {{asset.Description}}
                    </td>
                </tr>
            </tbody>
 
        </table>
    </div>
</div>

En sachant que Name et Description son les attributs de l'objet en base, récupéré par le web service appelé et que je souhaite exploiter.

Merci pour votre aide.

25/06/2013, 13h36
Invité

Salut,

Déjà tu as des incohérences dans ton binding controller-view : dans ta vue, la variable sur laquelle tu fais le ng-repeat est "Assets". Or dans ton premier test tu défini $scope.apps, alors que apps n'est pas utilisé côté template, et dans le deuxième tu définis $scope.asset alors que asset est, dans ta vue, l'élément d'itération.

Donc si l'objet data résultant de ta requête ajax contient les assets attendus dans ton template, sous forme de tableau, le plus logique serait d'avoir $scope.Assets = data dans ton contrôleur. Dans ce cas l'instruction ng-repeat="asset in Assets" dans ton template itère bien sur les données voulues.
25/06/2013, 14h01
Jarell

erreur de ma part j'ai juste pas repris le bon exemple. Merci de l'avoir signaler, histoire que ça soit plus cohérent à présent.

Si quelqu'un à une idée je suis toujours preneur, je n'y arrive toujours pas.

Quand je met un point d’arrêt ça ne passe jamais dans le .succes

J'ai testé une autre façon de faire :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var url = "http://localhost:8010/mon_ws"; $http.jsonp(url) .success(function(data) { $scope.assets = new Array(data); for(var index = 0; index < assets.length; index++){ Name: $scope.assets[index]; } }).error(function(err) { console.log("get error : "+err); });
Il y a une légère avancée, dans le sens ou le tableau se déploie partiellement des lignes se rajoutent dans le tableau mais il reste vide.

26/06/2013, 09h46
Invité

Tu as suivi ta requêtes AJAX dans un debugger (firebug/chrome...) ? Est-ce qu'une réponse correctement formatée avec les données voulues t'es bien retournée ?
26/06/2013, 09h59
Jarell

J'ai bien une réponse qui m'intéresse qui est retournée dans le suivi de type :

Code:

{"Children":[],"Counters":[],"Description":"blabla","Id":"aet5ger8a8eg","Name":"tructruc","ParentId":"zapia-euu8984","Status":null,"Location":null}

Plus exactement c'est le "Name" que j'essaye de récupérer dans un premier temps.

J'ai récupérer l'erreur dans la console :

Citation:

get error : undefined

SyntaxError: invalid label

{"Children":[],"Counters":[],"Description":"blabla"......}

Sur la colonne 1 ligne 1 soit au niveau du premier {
26/06/2013, 10h58
devyreham
bonjour je ne sais pas pourquoi tu utilises JSONP?

pour le format des appel $http, respecte bien la syntaxe
Code:

1 2 3 4 5 6 $http.get(url, {la config}) .success(function (data, status, headers, config){ //TODO }).error(function (data, status, headers, config) { //TODO }
un coup tu mets pas de error(), un coup tu met JSONP avec error().
Pour les tests j'utile l'extension Advanced REST Client sous Chrome pour comparer avec le code. Ca te permet deja de savoir l'aspect de ta réponse.
En fait j'ai l'impression que tu ne recupere pas un tableau depuis le service. Alors tu fait

Code:

$scope.assets = new Array(data);

alors que ca devrait etre directement un tableau. Recherche de ce coté.

*Pour préciser si tu appeller un objet dans {{objet.attribut}} et que l'attribut n'existe pas, Angularjs va afficher un vide plutot qu'une erreur.
26/06/2013, 12h26
Jarell

Merci pour vos réponse j'ai enfin réussi à résoudre mon probleme. Mais j'ai du obligatoirement passer par du json, j'avais cette contraire que je ne savais pas à la base bref... Merci encore.
23/04/2014, 12h14
zentro

Slt

Existe t'il une facon de cacher la url du service REST car le fait qu'elle soit en clair est un probleme de securite non? Les gens peuvent essaye de pirater le Service ou de le reutiliser dans leur site Web ...

Merci
25/04/2014, 13h37
Marco46

Citation:

Envoyé par zentro

Slt

Existe t'il une facon de cacher la url du service REST car le fait qu'elle soit en clair est un probleme de securite non? Les gens peuvent essaye de pirater le Service ou de le reutiliser dans leur site Web ...

Merci

Aucun problème de sécurité ne peut être résolu par le fait de cacher une information présente.

C'est au service web côté de serveur de gérer la sécurité. La pratique courante c'est d'avoir un cookie signé par le serveur contenant l'id de l'utilisateur après le login. Un autre moyen c'est via SSO.
28/04/2014, 11h31
zentro

Citation:

Envoyé par Marco46

Aucun problème de sécurité ne peut être résolu par le fait de cacher une information présente.

C'est au service web côté de serveur de gérer la sécurité. La pratique courante c'est d'avoir un cookie signé par le serveur contenant l'id de l'utilisateur après le login. Un autre moyen c'est via SSO.

Mercio de votre reponse.

Que me conseillez vous un cookie ou une token?
Et au sujet de proteger le Service Web pour pas qu'on puisse le reutiliser depuis d'autres sites que me conseillez vous?

Merci d'avance