IdentifiantMot de passe
Loading...
Mot de passe oubli� ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les r�ponses en temps r�el, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Masquer code Javascript


Sujet :

JavaScript

  1. #1
    Membre r�gulier
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par d�faut 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

  2. #2
    Membre Expert

    Homme Profil pro
    d�veloppeur
    Inscrit en
    Octobre 2013
    Messages
    1 586
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Oise (Picardie)

    Informations professionnelles :
    Activit� : d�veloppeur

    Informations forums :
    Inscription : Octobre 2013
    Messages : 1 586
    Par d�faut
    Bonjour, masquer le code javascript est impossible car le navigateur en a besoin.

  3. #3
    Membre r�gulier
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par d�faut
    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

  4. #4
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,
    Citation Envoy� par marcetienne Voir le message
    ...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)

  5. #5
    Membre r�gulier
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par d�faut
    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 !

  6. #6
    Membre chevronn�
    Homme Profil pro
    Ing�nieur de recherche
    Inscrit en
    Janvier 2012
    Messages
    325
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activit� : Ing�nieur de recherche
    Secteur : Agroalimentaire - Agriculture

    Informations forums :
    Inscription : Janvier 2012
    Messages : 325
    Par d�faut
    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.

  7. #7
    Membre r�gulier
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par d�faut
    oui, et malheureusement on ne peut pas utiliser api google sans javascript, me trompe-je ?

  8. #8
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,
    Citation Envoy� par marcetienne Voir le message
    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.

  9. #9
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    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 .

  10. #10
    Membre r�gulier
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par d�faut
    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 : S�lectionner tout - Visualiser dans une fen�tre � part
    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 ! :-)

  11. #11
    Mod�rateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par d�faut
    Citation Envoy� par marcetienne Voir le message
    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.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  12. #12
    Invit�
    Invit�(e)
    Par d�faut
    Bonjour,



    1/ On cr�e un array PHP :
    Code php : S�lectionner tout - Visualiser dans une fen�tre � part
    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 mixte : S�lectionner tout - Visualiser dans une fen�tre � part
    1
    2
    3
    <script>
      coordonnees = <?php echo json_encode($coordonnees); ?>;
    </script>
    3/ puis on construit les points :
    Code javascript : S�lectionner tout - Visualiser dans une fen�tre � part
    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.
    Derni�re modification par Invit� ; 17/09/2015 � 16h31.

  13. #13
    Mod�rateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 582
    D�tails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 582
    Par d�faut
    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.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  14. #14
    Invit�
    Invit�(e)
    Par d�faut
    @thelvin 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 PHP : S�lectionner tout - Visualiser dans une fen�tre � part
    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 javascript : 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
    <!-- 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.

    N.B. Voici mon test (avec d'autres donn�es issue d'une BdD).
    Derni�re modification par Invit� ; 17/09/2015 � 17h13.

  15. #15
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    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.

  16. #16
    Invit�
    Invit�(e)
    Par d�faut
    Pour �a, on peut prot�ger le fichier PHP pour qu'on ne puisse pas l'afficher directement.

  17. #17
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    via onglet NetWork -> response on peut lire ceci
    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
    [{
      "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"
    }]

  18. #18
    Invit�
    Invit�(e)
    Par d�faut
    OK.
    Pas mieux.

    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.
    (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)...

    Mais l�, on change de sujet...
    Derni�re modification par Invit� ; 17/09/2015 � 19h43.

  19. #19
    Mod�rateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 211
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Is�re (Rh�ne Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 211
    Par d�faut
    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...

    About Fusion Tables

  20. #20
    Membre r�gulier
    Homme Profil pro
    Inscrit en
    Janvier 2014
    Messages
    10
    D�tails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Janvier 2014
    Messages : 10
    Par d�faut
    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

Discussions similaires

  1. masquer le code javascript
    Par madstrix dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 31/03/2010, 21h44
  2. Fermeture fenetre cr�e par code javascript
    Par Kerod dans le forum G�n�ral JavaScript
    R�ponses: 9
    Dernier message: 27/02/2010, 00h04
  3. Appel fonction php dans code javascript
    Par licorne dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 05/03/2008, 10h55
  4. pas moyen de trouver l'erreur de ce code Javascript !!!
    Par NATHW dans le forum G�n�ral JavaScript
    R�ponses: 7
    Dernier message: 25/11/2004, 21h47
  5. Deboggage de code Javascript...
    Par michel baily dans le forum G�n�ral JavaScript
    R�ponses: 4
    Dernier message: 24/11/2004, 16h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo