Masquer code Javascript

Version imprimable

15/09/2015, 12h49
marcetienne

Masquer code Javascript

Bonjour,

J'ai créé un site affichant des adresses sur une carte google map apiv3.

Il y a plus de 2000 adresses qui s'affichent sur la même carte, ce qui fait que dans le code source, on peut voir les 2000 latitudes et longitudes ainsi que le nom car je dois le mettre dans une info bulle pour chaque adresse.

Mais du coup, il est très facile de tout récupérer en une fois, et j'éviterais bien ça:-).

Les adresses viennent d'une base de données, et affichées par PHP dans le script javascript
Connaissez-vous un moyen de masquer cette partie du code source?

Merci pour votre aide !!

Marc-Etienne
15/09/2015, 13h45
kevin254kl

Bonjour, masquer le code javascript est impossible car le navigateur en a besoin.
15/09/2015, 14h18
marcetienne

Oui hélas, c'est ce que j'avais vu.
Et l'api v3 ne peut pas afficher des marqueurs autrement qu'en javascript ?

Merci!

ME
15/09/2015, 18h41
Invité

Bonjour,

Citation:

Envoyé par marcetienne

...Les adresses viennent d'une base de données, et affichées par PHP dans le script javascript...

Au lieu de faire d'abord appel à PHP pour écrire en clair dans le code JavaScript,
je pense qu'il est possible de faire :
-> une fonction JavaScript/AJAX
-> qui appelle un fichier PHP externe (via AJAX , donc) qui va créer un array
-> qui renvoie (json_encode()) un array à la fonction JavaScript
-> qui traite les données contenues dans l'array json (et non écrites en clair dans le code)
16/09/2015, 12h29
marcetienne

Bonjour, et merci pour votre aide.
Oui ça me semble une très bonne idée!
Pour la partie AJAX ok, mais je ne sais pas trop manipuler le JSON.
Je vais regarder comment on l'utilise, et je testerai cette solution

Mais le fichier Json n'est - il pas accessible dans le code source une fois généré?

merci !
16/09/2015, 14h22
Theta

A partir du moment où tu envois des données au client, quelque soit la méthode, il est impossible de l’empêcher de les copier.

Le seul moyen d’empêcher la copie de données, de code ou de media c'est de ne pas les envoyer au client et de les utiliser uniquement côté serveur.
16/09/2015, 14h28
marcetienne

oui, et malheureusement on ne peut pas utiliser api google sans javascript, me trompe-je ?
16/09/2015, 17h22
Invité

Bonjour,

Citation:

Envoyé par marcetienne

Les adresses viennent d'une base de données, et affichées par PHP dans le script javascript

Peux-tu montrer le code PHP qui génère cette partie du JavaScript ?

Si, comme je le pense, c'est un array JavaScript qui est créé, il y a moyen de le créer via AJAX SANS qu'il soit affiché "en clair" dans le code source.
16/09/2015, 19h11
NoSmoking

Bonjour,
une autre question qui se pose est : est ce que tu as besoin de toutes les fonctionnalités de l'API car par exemple le marqueur une fois la map zoomée te renseignera plus que la lecture de la longitude/latitude.

Tu pourrais également passer par des images static, il sera plus difficile de retrouver les détails.

Mais la meilleur façon pour que ces détails n'apparaissent pas c'est de ne pas les mettre sur la toile :aie:.

Bonsoir !

Oui j'ai bien besoin de ces marqueurs, car c'est la base du système.
J'ai conscience que de toute façon les adresses peuvent être lues en zoomant sur les marqueurs.
Mais ce que je voudrais, c'est éviter que les adresses puissent être récupérées d'un seul script, avec des expressions régulières par exemple.

voici le code pour générer les marqueurs :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php while($donnees=$req->fetch()) { ?> latitude="<?php echo $donnees['lat'] ?>"; longitude="<?php echo $donnees['lng'] ?>"; address = new google.maps.LatLng(latitude,longitude); var marker<?php echo $i ?> = new google.maps.Marker({ position : address, map : map, title : "<?php echo $donnees['nom'] ?>", }); <?php } ?>
Merci pour ton aide et le temps que tu me consacres ! :-)

17/09/2015, 00h40
thelvin

Citation:

Envoyé par marcetienne

J'ai conscience que de toute façon les adresses peuvent être lues en zoomant sur les marqueurs.
Mais ce que je voudrais, c'est éviter que les adresses puissent être récupérées d'un seul script, avec des expressions régulières par exemple.

Un script peut "zoomer sur les marqueurs" sans problème. Ils sont représentés par des objets JavaScript qui ne sont pas compliqués à récupérer tous en une fois avec un seul programme.
Il te faudrait un système qui génère une vraie image unique au lieu d'une vue composite de plusieurs images. Mais, l'API de Google ne t'en donnera pas les moyens.

Bonjour,

=> A lire : De PHP à JavaScript : une méthode (par sekaijin)

1/ On crée un array PHP :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
// connexion à la BDD,...
// requete......
// création de l'array PHP
$i = 0;
while($donnees=$req->fetch())
{
	$coordonnees[$i]['lat'] = $donnees['lat'];
	$coordonnees[$i]['lng'] = $donnees['lng'];
	$coordonnees[$i]['nom'] = $donnees['nom'];
	$i++;
}
?>

2/ On l'encode en json,

Code:

1
2
3
<script>
  coordonnees = <?php echo json_encode($coordonnees); ?>;
</script>

3/ puis on construit les points :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
for(var i=0; i<coordonnees.length; i++)
{
    latitude = coordonnees.i.lat;
    longitude = coordonnees.i.lng;
    address = new google.maps.LatLng(latitude,longitude);
    var marker[i] = new google.maps.Marker({ 
        position : address,
        map      : map,
        title    : coordonnees.i.nom,
      });
}

N.B. je ne suis pas sûr de la syntaxe (notamment pour marker[ i ]), ni du bon fonctionnement du code JavaScript, mais il me semble que c'est réalisable.

17/09/2015, 14h32
thelvin

Mais... C'est dans les sources et très facile à récupérer avec un script -_-°.
En fait je ne vois pas la différence avec la question de départ.

@thelvin :oops: Exact...
J'avais lu le tuto mais pas testé...

[EDIT] et via AJAX ? je persiste et signe... encore...
(comme je l'avais suggéré au départ)

Fichier PHP qui sera appelé par Ajax (via $.getJSON) :
coordonnees-ajax.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<?php
// connexion à la BDD,...
// requete......
// création de l'array PHP
$i = 0;
while($donnees=$req->fetch())
{
	$coordonnees[$i]['lat'] = $donnees['lat'];
	$coordonnees[$i]['lng'] = $donnees['lng'];
	$coordonnees[$i]['nom'] = $donnees['nom'];
	$i++;
}
// on encode en json
echo json_encode($coordonnees);

Le JavaScript (ici jQuery) :

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
<!-- Script initialisation jquery -->
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$(function(){
	$.getJSON( './coordonnees-ajax.php', function( jsondata ) {
		initMap(jsondata); // on récupère toutes les coordonnées dans un objet json, SANS que ces données soient visibles dans le code !
	} );
});
	function initMap(coordonnees)
	{
		for(var i=0; i<coordonnees.length; i++)
		{
			latitude = coordonnees[i].lat;
			longitude = coordonnees[i].lng;
			address = new google.maps.LatLng( latitude, longitude );
			var marker[i] = new google.maps.Marker({ 
				position : address,
				map      : map,
				title    : coordonnees[i].nom,
			  });
		}
		// ici, ajouter la suite du code...
		// ...
	}
 
</script>

Cette fois, les données "sensibles" ne s'affichent pas dans le code source de la page. 8-)

N.B. Voici mon test (avec d'autres données issue d'une BdD).

17/09/2015, 18h39
NoSmoking

Elles sont toujours aussi facilement récupérable, à preuve
- http://www.jerome-reaux-creations.fr.../test-ajax.php, référence que l'on trouve facilement en regardant le code source.
17/09/2015, 18h49
Invité

Pour ça, on peut protéger le fichier PHP pour qu'on ne puisse pas l'afficher directement.

via onglet NetWork -> response on peut lire ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
[{
  "texte_question": "Comment se nomme ce scientifique ?",
  "choix_question": "1,2,3;2"
}, {
  "texte_question": "Quel est le pr\u00e9nom cette personne?",
  "choix_question": "4,5,6;5"
}, {
  "texte_question": "Qui est ce sportif ?",
  "choix_question": "7,8,9;9"
}, {
  "texte_question": "Quel est ce jeu ?",
  "choix_question": "10,11,12;10"
}, {
  "texte_question": "Quelle est cette plante ?",
  "choix_question": "13,14,15;14"
}, {
  "texte_question": "Quel est cet animal ?",
  "choix_question": "16,17,18;16"
}, {
  "texte_question": "7. Quel est cet appareil ?",
  "choix_question": "19,20,21;21"
}]

17/09/2015, 18h58
Invité
OK.
Pas mieux. :calim2:

N.B. Au moins, elles ne sont pas visibles DANS le code source de la page.
Ce qui répond déjà en partie à la demande. :aie:
(on se rattrape comme on peut !)

[EDIT] A moins de :
- crypter les données (fonction PHP)
- et de les décrypter à la volée (fonction JavaScript)... :weird:
Mais là, on change de sujet...
17/09/2015, 19h56
NoSmoking

Il existe une alternative qui rend déjà beaucoup plus délicat la récupération, j'ai nommé les Fusion Tables Layer, pas regardé de près mais...

:fleche: About Fusion Tables
19/09/2015, 19h01
marcetienne

Bonjour à vous !

Je m'excuse de ne pas répondre ces jours ci, je suis en déplacement et c'est compliqué de me connecter :-)

Je vous remercie pour vos réponses nombreuses, j'avoue que je sèche un peu sur ce problème...
Je rentre d'ici deux jours, et je pourrais tester vos propositions, même si d'après ce que j'ai compris ça semble compliqué de résoudre l'affaire !

A +

Marc-Etienne