Discussion :

[lofo7]

Bonjour,
pour apprendre javascript et jquery, je développe un petit jeu où il faut trouver des mots.
Sur ma page PHP, je récupère les mots voulus d'une base de données, je les place dans un tableau, et je les mets ensuite dans une variable javascript pour pouvoir les utiliser dans un fichier externe .js, comme ceci :

Code :

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

1
2
3
4
 
<script>
var tableauJS = new Array("<?php echo implode('","',$tableauPHP);?>");
</script>

Je peux donc utiliser la variable tableauJS sans problème dans le fichier .js
Ca marche très bien, à ceci près que les mots sont visibles si on affiche le code source de la page... Or, j'aimerais que ces mots soient cachés, sinon c'est beaucoup trop facile de tous les trouver pour celui qui connait l'astuce d'afficher le code source.

Comment utiliser une variable PHP dans un fichier .js pour ne pas l'afficher dans le code source ? Y-a-t'il une solution ?

Maxime

[SylvainPV]

Généralement JavaScript est utilisé côté client au sein de pages Web. Le code source JavaScript est transmis au navigateur du client pour être exécuté, donc le client peut le voir. Pour cacher des choses, il faut faire ça côté serveur, en PHP dans ton cas.

Une autre solution est d'obfusquer le code pour qu'il soit difficilement lisible, mais tout programmeur compétent saura facilement décoder les mots. Mais bon, ça peut être marrant. Voilà une de mes techniques pour cacher du texte en chinois : 慴汢慥⁵敤洠瑯⁳敳牣瑥s

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
function encoder(mots){
  var str = mots.join(' ');
  var out = "";
  for(var a=0; a<Math.ceil(str.length/2); a++){     
     out += String.fromCharCode((str.charCodeAt(a*2)|0) + ((str.charCodeAt(a*2+1)|0)<<8));      
  }
  return out;
}
 
function decoder(str){
  var out = "";
  for(var a=0; a<str.length; a++){
     var code = str.charCodeAt(a);      
     out += String.fromCharCode(code%256) + String.fromCharCode(Math.floor(code/256)); 
  }
  return out.split(' ');
}
 
 
var T = ["tableau","de","mots","secrets"];
console.log("Encodage: "+ encoder(T)); 
console.log("Décodage: "+ decoder(encoder(T)));

[lofo7]

L'idée de rendre le code illisible est originale mais j'en ai peut être une autre.

Si je fais ceci :

Code :

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

1
2
3
4
5
6
 
$(document).ready(function() {
 
// Ici je lance la requete avec AJAX vers ma base de données pour récupérer mes mots	
 
});

Je lance donc ma requête à l'affichage de la page la première fois. Et je récupère mes mots que je mets dans mes variables.

Est-ce que ce genre est valide ? Ou ne faut-il pas le faire ?

Maxime

[SpaceFrog]

toutes les réponses ajax sont lisibles dans les consoles des navigateurs...

A part obfusquer les code, si tu ne veux pas que le code soit visible, il ne faut pas le mettre en ligne ...

La seule solution est de traiter le maximum d'informations coté serveur, mais encore une fois TOUTES les réponses sont visibles coté client.

[lofo7]

Ou bien je fais une vérification, dans la base donnée ou dans un fichier texte, à chaque entrée d'un mot. Et je renvoie 1 ou 0 selon la validité du mot.

En tout cas merci de vos réponses !

[thelvin]

C'est la méthode habituelle pour éviter les tricheries, oui... Mais ça veut dire faire une requête au serveur à chaque essai, c'est pas la même charge -_-°.

[sekaijin]

de toutes façon quoi que tu fasse pour cacher le contenu des données
l'utilisateur pourra toujours inspecter le contenu de la variable et donc voir les données.
le seul moyen pour les données ne soit pas visible de l'utilisateur c'est de ne pas les lui donner.

à partir du moment où tu les envois elle sont par définition même disponible.

au passage

Code :

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

1
2
3
<script>
var tableauJS = new Array("<?php echo implode('","',$tableauPHP);?>");
</script>

Code :

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

1
2
3
<script>
var tableauJS = <?php echo json_encode($tableauPHP);?>");
</script>

et ça marche aussi avec des tableaux associatifs.

A+JYT