[Javascript] Accès WMS-C

**Jayse** · 15/04/2010, 10h51

Bonjour à tous.

Je m'excuse si le problème que je vais vous présenter peut vous paraitre un brin trivial, mais après avoir passé pas mal de temps à chercher un peu partout et à modifier mon petit bout de code dans tous les sens, je n'arrive vraiment pas à résoudre mon soucis.

Présentation du sus-mentionné soucis : Impossible de récupérer une tuile sur le web service http://wxs.ign.fr/geoportail/wmsc .

Je récupère systématiquement une erreur 403 .

Pourtant je pense avoir bien suivi les indications:

Dans un premier temps je demande un jeton sur http://jeton-api.ign.fr/, jeton que je récupère correctement. Ensuite, j'enregistre la ggpkey dans une variable que je passe ensuite en paramètre à la requête que j'ouvre sur le web service wmsc.

Cependant, cette dernière requête me génère une erreur 403.

Pire, lorsque je fais un getConfig, pour savoir s'il ne s'agit pas d'une histoire de droit, la requête abouti (code 200), mais le résultat de la requête est mal formé et le script s'arrête.

Je précise également que je suis en localhost.

Voici mon petit bout de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
var requete = new XMLHttpRequest();
	requete.open("GET","http://jeton-api.ign.fr/getToken?key=XXXX&output=raw",false);
	requete.send();

	var reponse_jeton=requete.responseText;
	
	var requete2= new XMLHttpRequest();
	requete2.open("GET","http://wxs.ign.fr/geoportail/wmsc?GGPKEY="+reponse_jeton+"&LAYERS=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=IGNF:GEOPORTALFXX&BBOX=189952,5432960,190080,5433088&WIDTH=256&HEIGHT=256&TILED=true&",false)
    requete2.send();

Je vous remercie pour toute l'aide que vous pourrez m'apporter.

**dgrichard** · 15/04/2010, 21h55

Globalement la démarche est correcte. Sur les détails :

* getConfig fonctionne toujours car non protégé par la GeoDRM;

* getMap est bien protégé et en lisant ta requête tu as écrit :

GGPKEY au lieu de gppkey ...

Il faudra aussi penser à renouveller le jeton ...

* faire ces requêtes en Ajax synchrone n'est pas toujours une bonne idée (contraire aux principes de base !-)

**Jayse** · 16/04/2010, 10h10

Et bien tout d'abord je vous remercie d'avoir pris la peine de me répondre.

Concernant mon soucis, je précise que pour le moment, je souhaite simplement exécuter l'exemple présent au bas de cette page https://api.ign.fr/geoportail/api/do...peur/wmsc.html avant de réaliser un code un peu plus complet qui me permettrait de récupérer les tuiles que je souhaite par rapport à des coordonnées Lambert 93.

Le problème pour l'instant, c'est que je n'arrive même pas à exécuter cette requête test!

Cependant, j'ai bien pris en compte vos remarques et voici la deuxième version de mon code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
40
41
	var token_answer;
	
	function get_token()
	{
		if(this.readyState==4)
		{
			token_answer=this.responseText;
			
			var request = new XMLHttpRequest();
			request.onreadystatechange=get_tile;
			request.open("GET","http://wxs.ign.fr/geoportail/wmsc?gppkey="+token_answer+"&LAYERS=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=IGNF:GEOPORTALFXX&BBOX=189952,5432960,190080,5433088&WIDTH=256&HEIGHT=256&TILED=true&",true)
			request.send();
		}
	}
	
	function get_tile()
	{
		if(this.readyState==4)
		{
			
		}
	}
	
	function get_contract()
	{
		if(this.readyState==4)
		{
		
		}
	}
	
	var request = new XMLHttpRequest();
	request.onreadystatechange=get_token;
	request.open("GET","http://jeton-api.ign.fr/getToken?key=XXXX&output=raw",true);
	request.send();
	
	var request2= new XMLHttpRequest();
	request2.onreadystatechange=get_contract;
	request2.open("GET","http://jeton-api.ign.fr/getConfig?key=XXXX&output=xml");
	request2.send();

Et les messages d'erreurs de firebug (je travaille sur firefox 3.6) :

http://jeton-api.ign.fr/getToken?key=XXXX&output=raw 200 OK 123ms (me renvoie bien la ggpkey)

http://jeton-api.ign.fr/getConfig?key=XXXX&output=xml 200 OK 120ms (Ne me renvoie rien, et dans l'onglet xml de firebug, j'ai : Erreur d'analyse XML : aucun élément trouvé Emplacement : moz-nullprincipal:{0ed3dc1c-0fa4-48f7-8948-529e9986cbf8} Numéro de ligne 1, Colonne 1 :

^

http://wxs.ign.fr/geoportail/wmsc?gp...56&TILED=true& 403 Interdit 105ms

Cordialement

**dgrichard** · 18/04/2010, 15h37

Envoyé par Jayse

http://jeton-api.ign.fr/getConfig?key=XXXX&output=xml 200 OK 120ms (Ne me renvoie rien, et dans l'onglet xml de firebug, j'ai : Erreur d'analyse XML : aucun élément trouvé Emplacement : moz-nullprincipal:{0ed3dc1c-0fa4-48f7-8948-529e9986cbf8} Numéro de ligne 1, Colonne 1 :

^

Normal, tu devrais même avoir une erreur de sécurité !
La requête doit être proxyfiée :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var proxy= 'url sur le serveur servant ta page?url=';
var request= new XMLHttpRequest();
request.onreadystatechange= get_contract;
request.open(
    "GET",
    proxy+encodeURIComponent("http://jeton-api.ign.fr/getConfig?key=XXXX&output=xml"));
request.send();

**Jayse** · 18/04/2010, 23h58

Et bien merci beaucoup, grâce à vous j'ai un petit peu avancé.

J'ai récupéré la page php faisant office de proxy ici https://api.ign.fr/geoportail/api/do.../download.html et j'arrive maintenant à récupérer les informations de mon contrat qui ne semble pas être le soucis.

Donc, je m'excuse si je passe à coté de quelque chose de trivial, mais j'ai toujours l'erreur 403 lorsque je lance la requête pour récupérer la tuile.

J'ai beau manipuler cette requête dans tous les sens, en ayant tenté de rajouter le proxy+encodeURIcomponent() mais rien n'y fait.

Est ce qu'il faut également passé par un proxy pour cette requête?

Aussi, j'ai du mal à comprendre ce que cette requête est sensé renvoyer? Un lien vers l'image stockée sur un serveur?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
40
41
42
43
var token_answer;
var proxy= 'proxy.php?url=';

	function get_token()
	{
		if(this.readyState==4)
		{
			token_answer=this.responseText;
			
			var request = new XMLHttpRequest();
			request.onreadystatechange=get_tile;
			request.open("GET","http://wxs.ign.fr/geoportail/wmsc?LAYERS=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=IGNF:GEOPORTALFXX&BBOX=189952,5432960,190080,5433088&WIDTH=256&HEIGHT=256&TILED=true&ggpkey="+token_answer);
			request.send();
		}
	}
	
	function get_tile()
	{
		if(this.readyState==4)
		{
			var i=0;
		}
	}
	
	function get_contract()
	{
		if(this.readyState==4)
		{
			
		}
	}
	
	
	var request = new XMLHttpRequest();
	request.onreadystatechange=get_token;
	request.open("GET","http://jeton-api.ign.fr/getToken?key=XXXX&output=raw",true);
	request.send();
	
	var request2= new XMLHttpRequest();
	request2.onreadystatechange=get_contract;
	request2.open("GET",proxy+encodeURIComponent("http://jeton-api.ign.fr/getConfig?key=XXXX&output=xml"));
	request2.send();

Merci beaucoup pour le temps que vous m'accordez. Cordialement.

Edit: Bon, après avoir jeté un œil à l'exemple WMSC que l'on peut trouver ici http://api.ign.fr/geoportail/api/doc...lMap_wmsc.html , j'ai pu analyser les différentes requêtes qui sont envoyées au web service.

J'ai donc récupéré une de ces requêtes, je l'ai mise dans mon code, remplacé la ggpkey par celle que me renvoie le jeton, modifié le header de la requête pour qu'il corresponde à celui de l'exemple, et maintenant, la requête abouti (code 200), mais elle ne renvoie rien.

De plus, en regardant sous firebug, je vois dans l'exemple qu'il y a un onglet "cache" dans les requêtes de l'exemple du géoportail, chose que je n'ai pas avec mon code.

Si vous pouviez m'éclairer car je sèche un peu.

Nouveau code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
40
41
42
43
44
45
var token_answer;
	var proxy= 'proxy.php?url=';

	function get_token()
	{
		if(this.readyState==4)
		{
			token_answer=this.responseText;
			
			var request = new XMLHttpRequest();
			request.onreadystatechange=get_tile;
			
			request.open("GET","http://wxs.ign.fr/geoportail/wmsc?LAYERS=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=IGNF:GEOPORTALFXX&BBOX=-65536,4554752,-32768,4587520&WIDTH=256&HEIGHT=256&TILED=true&gppkey="+token_answer);
			request.setRequestHeader("accept","image/png,image/*;q=0.8,*/*;q=0.5");
			request.send();
		}
	}
	
	function get_tile()
	{
		if(this.readyState==4)
		{
			var i= new Image();
			
		}
	}
	
	function get_contract()
	{
		if(this.readyState==4)
		{
			
		}
	}
	
	
	var request = new XMLHttpRequest();
	request.onreadystatechange=get_token;
	request.open("GET","http://jeton-api.ign.fr/getToken?key=XXXX&output=raw",true);
	request.send();
	
	var request2= new XMLHttpRequest();
	request2.onreadystatechange=get_contract;
	request2.open("GET",proxy+encodeURIComponent("http://jeton-api.ign.fr/getConfig?key=XXXX&output=xml"));
	request2.send();

Et re Edit : Bon désolé, en fait c'est juste moi qui n'était vraiment pas doué!

Je viens tout juste de comprendre qu'en fait il ne faut pas faire une requête XMLHttpRequest pour récupérer le lien d'une tuile, mais mettre directement l'adresse http://wxs.ign.fr/geoportail/wmsc?LAYERS=ORTHOIMAGERY.ORTHOPHOTOS&EXCEPTIONS=text/xml&FORMAT=image/jpeg&SERVICE=WMS&VERSION=1.1.1&REQUEST=GetMap&STYLES=&SRS=IGNF:GEOPORTALFXX&BBOX=-65536,4554752,-32768,4587520&WIDTH=256&HEIGHT=256&TILED=true&gppkey="+token_answer" dans le src d'une image.

Encore désolé, je me doutais bien que ça devait être un truc très très simple.

Problème résolu, merci encore.

[Javascript] Accès WMS-C

IGN API Géoportail

Discussions similaires

Partager

Partager