$http.get bogue-t-il ?

Version imprimable

Bonjour,

Je veux tester l’état d’un core SOLR, grâce au suffixe admin/ping placé dans l’URL (à la fin donc). J’utilise AngularJS 1.4.7.

J’ai le code suivant (ici ma dernière tentative d’obtenir un résultat, après en avoir essayé plusieurs autres) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 (function() { 'use strict'; angular .module('app') .factory('pingFactory', pingFactory) .controller('pingController', pingController); //injection des dépendances pingController.$inject = ['pingFactory']; pingFactory.$inject = ['$http']; //fabrique function pingFactory ($http) { var service = { offersPing: offersPing, }; return service; //fonction se connectant à l’adresse de ping du core function offersPing () { return $http.get('http://10.10.10.93:8080/solr/offers/admin/ping?wt=json'); } } //contrôleur function pingController (pingFactory) { var vm = this; pingFactory.offersPing().success(function (status) { vm.status = status; }); } })();
Je veux l’afficher avec un simple

Code:

<div class="test" ng-controller="pingController as pC">{{ pC.status }} </div>

Néanmoins, rien n’apparaît (pas de « {{ pC.status }} » tel quel, c’est déjà ça), et si j’active FireBug, j’obtiens :

Citation:

GET http://10.10.10.93:8080/solr/offers/admin/ping?wt=json 200 OK X 51ms

et

Citation:

Blocage d'une requête multi-origines (Cross-Origin Request) : la politique « Same Origin » ne permet pas de consulter la ressource distante située sur http://10.10.10.93:8080/solr/offers/admin/ping?wt=json. Raison : l'en-tête CORS « Access-Control-Allow-Origin » est manquant.

Est ce que cela signifie que je ne peux pas récupérer le statut de la requête HTTP, ou aucun rapport ? Sinon, savez-vous comment récupérer cette valeur ?

Citation:
Envoyé par Hippocrène
Code:

1 2 3 4 5 6 7 8 9 10 angular .module('app') .factory('pingFactory', pingFactory) .controller('pingController', pingController); //injection des dépendances pingController.$inject = ['pingFactory']; pingFactory.$inject = ['$http'];
Quelle horreur ... Un composant Angular = un fichier de code source.

Split moi tout ça stp.

Sinon pour ton problème il faut te renseigner sur CORS comme sur ce thread.

13/10/2015, 10h23
Hippocrène

Citation:

Envoyé par Marco46

Un composant Angular = un fichier de code source.

- Ok, c’est parti !

Citation:

Envoyé par Marco46

Sinon pour ton problème il faut te renseigner sur CORS comme sur ce thread.

- C’est donc à CORS que je dois ce dysfonctionnement, et il n’y a pas moyen de passer outre cette spécification W3C.

J’ai entendu parler de Restangular, je ne sais pas trop ce que ça vaut.
Sinon, et puisque je n’ai besoin de récupérer uniquement le statut de la page, n’y a t il pas moyen d’utiliser une autre requête HTTP qui ne viendrait chercher que cette information (qui, je pense, est délivrée avec plus de facilités) ?
13/10/2015, 12h42
Marco46

Citation:

Envoyé par Hippocrène

- C’est donc à CORS que je dois ce dysfonctionnement, et il n’y a pas moyen de passer outre cette spécification W3C.

Ce n'est pas vraiment un dysfonctionnement, c'est au contraire normal que tu obtiennes cette erreur.
Oui il y a moyen en désactivant une option dans ton navigateur mais il ne faut pas le faire. Cela signifierait qu'il faudrait faire de même en production sur chacun des navigateurs qui devront se connecter à ton appli.

Citation:

Envoyé par Hippocrène

J’ai entendu parler de Restangular, je ne sais pas trop ce que ça vaut.
Sinon, et puisque je n’ai besoin de récupérer uniquement le statut de la page, n’y a t il pas moyen d’utiliser une autre requête HTTP qui ne viendrait chercher que cette information (qui, je pense, est délivrée avec plus de facilités) ?

Le problème n'est pas sur le client mais sur le serveur. Il te faut lire cette doc.

J’ai vu ici qu’on pouvait résoudre le problème. J’ai donc ajouté (puis placé dans la dépendance de la fabrique et du contrôleur :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 (function() { 'use strict'; angular .module('app') .config('pingConfig', pingConfig); pingConfig.$inject = ['$httpProvider']; function pingConfig ($httpProvider) { delete $httpProvider.defaults.headers.common['X-Requested-With']; } })();
Mais il semble que $httpProvider n’est pas reconnu et fait tout planter.

PS : je tiens à essayer de faire fonctionner le truc, parce que j’avais un problème similaire il y a quelques mois et je crois l’avoir résolu sans rajouter d’en-tête.

14/10/2015, 10h19
Marco46

Citation:

Envoyé par Hippocrène

J’ai vu ici qu’on pouvait résoudre le problème. J’ai donc ajouté (puis placé dans la dépendance de la fabrique et du contrôleur :

La partie sur l'explication de ce qu'est ou n'est pas une requête CORS est bonne mais la partie sur le header c'est un peu n'imp :)

Citation:

Envoyé par Hippocrène

Mais il semble que $httpProvider n’est pas reconnu et fait tout planter.

C'est normal, la gestion des provider se fait dans la partie config des modules. Angular interdit de configurer un provider durant le runtime de la wepapp.

Citation:

Envoyé par Hippocrène

PS : je tiens à essayer de faire fonctionner le truc, parce que j’avais un problème similaire il y a quelques mois et je crois l’avoir résolu sans rajouter d’en-tête.

Commence par comprendre le problème.

C'est une mécanisme de sécurité qui est implémenté dans ton navigateur. La webapp que tu développes n'a aucun pouvoir sur ça. Tu ne peux rien faire avec du code côté client pour résoudre ça.

Le problème est sur le serveur. Il faut que ton serveur ajoute certains headers sur les requêtes à destination de ta webapp.

Lis la doc que je t'ai linké (en français en +) !!

Bien sûr que j’ai lu la documentation que tu as donnée :) ; j’ai d’ailleurs cru qu’ils demandaient d’écrire une requête XMLHttpRequest pour pouvoir résoudre le problème (apparemment pas).

J’ai trouvé ici et de surcroît ici, des informations qui pourraient bien m’aider.

En fait, je ne peux pas toucher au serveur SOLR dans le but de modifier son entête (je n’en ai pas l’autorisation). C’est pourquoi, je demande s’il existe un moyen de récupérer uniquement la valeur du statut HTTP de la page (par exemple celle qui est dans la réponse à la pré-vérification que je reçois) ou tout simplement, si AngularJS n’en est pas capable, de le laisser tomber et de prendre une autre bibliothèque JavaScript pour récupérer cette valeur (mais normalement, ça vient du navigateur internet).
Parce que, je saisi bien que je suis insistant, mais ça me paraît gros que je ne puisse pas récupérer juste la petite information qu’est le statut HTTP d’une page (puisque FireBug me la donne déjà, mais je ne crois pas pouvoir prendre valeur)

D’ailleurs, j’ai téléchargé une extension Firefox : RESTClient, qui, lorsque je lui donne l’adresse plus une méthode GET, me donne tout, le statut plus tout le contenu JSON de la page ; alors je trouve ça très étrange que je ne puisse pas y accéder, sauf si, je me répète, c’est AngularJS qui n’est pas du tout performant sur la question.

J’ai créé un projet Servlet et écrit la méthode :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // Set response content type response.setContentType("text/html"); // Actual logic goes here. PrintWriter out = response.getWriter(); out.println("<h1>" + message + "</h1>"); String ur_str = "http://10.10.10.10:8080/solr/offers/admin/ping?wt=json"; URL url = new URL(ur_str); URLConnection yc = url.openConnection(); BufferedReader in = new BufferedReader( new InputStreamReader( yc.getInputStream())); String inputLine; while ((inputLine = in.readLine()) != null) out.println("<h1>" + inputLine + "</h1>"); in.close(); }
et ça fonctionne, c’est donc AngularJS qui n’est pas bon ; que l’on me donne une autre explication, car je ne vois que celle ci.