Broncode beveiliging memory game

Hallo,

Ik ben bezig voor een schoolopdracht op een memory game te maken dat is al helemaal gelukt. Maar ik zit op een applicatieopleiding en hier zitten dus best handige mensen die zo naar mij element inspect kunnen kijken en zien ze zo welk kaartje waar zit (elk kaartje heeft een id van 1 t/m 24 (1 en 13 horen bij elkaar 2 en 14 enz).

Maar hoe kan ik het best beveiligen dat ze de code niet kunnen zien en dus ook niet kunnen zien welk kaartje op welke plaats staat.

var card=document.createElement(li);
             card.setAttribute("id","card"+rand);
             card.setAttribute(class, kaartjes+ thema +);
             card.setAttribute("onclick", "check(" + rand + ")");
             document.getElementById("gameload").appendChild(card);

De rand maakt cijfer aan van 1 tot 24 dit zie je dus terug in de broncode.

<li id="card8" class="kaartjesafrica" onclick="check(8)"></li>

Hoe kan ik dus het best doen dat ze niet kunnen zien welk kaartje (idnummer) er achter zit.?

Wil je het spel zelf zien?: bit.ly/1gzjctw (Hoor wel als jullie nog fouten tegen komen)
Mvg

Niet met javascript werken... het is niet online dus dan maakt het niet uit lijkt mij?

Dylanh schreef:

Niet met javascript werken... het is niet online dus dan maakt het niet uit lijkt mij?

Nee het is gewoon offline, maar wil het wel graag goed hebben aangezien dan met topscore kan toevoegen. Maar waarmee moet ik het dan maken jQuery?

Robertt schreef:

Eerdere citaten tonen

Dylanh schreef:

Niet met javascript werken... het is niet online dus dan maakt het niet uit lijkt mij?

Nee het is gewoon offline, maar wil het wel graag goed hebben aangezien dan met topscore kan toevoegen. Maar waarmee moet ik het dan maken jQuery?

Dan zou je server-side scripts moeten gaan maken (nodeJS) omdat je altijd client-side scripts kan bekijken, en bewerken met element inspecteren.

Dylanh schreef:

Eerdere citaten tonen

Robertt schreef:

Eerdere citaten tonen

Dylanh schreef:

Niet met javascript werken... het is niet online dus dan maakt het niet uit lijkt mij?

Nee het is gewoon offline, maar wil het wel graag goed hebben aangezien dan met topscore kan toevoegen. Maar waarmee moet ik het dan maken jQuery?

Dan zou je server-side scripts moeten gaan maken (nodeJS) omdat je altijd client-side scripts kan bekijken met element inspecteren.

Ja oke, dat vind ik nou weer te veel werk voor zo project. Maar bedankt voor de tip

Gewoon met PHP de kaartjes generen en als ze 2 kaartjes aanklikken PHP laten kijken of die klopt

Hoe dan ook, als je enkel clientside werkt is het altijd te hacken.

je kunt gebruik maken van javascript obfuscator (zoals https://jscrambler.com/ ). Dat maakt het in ieder geval al een heel stuk moeilijker. Ook het minifiën van javascript code kan mensen al afschrikken, omdat het één grote lijn code gaat worden waar ze doorheen moeten zoeken.

Dank voor jullie hulp, ik hou het denk ik zo omdat het toch voor school is en niet zo spannend hoeft te zijn. Ik ga denk ik gewoon een nodeJS client bij maken en dus een online optie en dan alles server-side laten doen zoals Dylanh al aangaf.

Minifien en uglifien helpt al een hoop.

Jponsen schreef:

Minifien en uglifien helpt al een hoop.

Dit..

Dylanh schreef:

Eerdere citaten tonen

Robertt schreef:

Eerdere citaten tonen

Dylanh schreef:

Niet met javascript werken... het is niet online dus dan maakt het niet uit lijkt mij?

Nee het is gewoon offline, maar wil het wel graag goed hebben aangezien dan met topscore kan toevoegen. Maar waarmee moet ik het dan maken jQuery?

Dan zou je server-side scripts moeten gaan maken (nodeJS) omdat je altijd client-side scripts kan bekijken, en bewerken met element inspecteren.

Niet alles is het beste met node op te lossen, dit hoef je niet persé in node te maken..

Wat je ook kan doen is, alles encrypen.. dus een afbeelding een random naam geven.. Zodat ze aan de afbeelding naam etc niet kunnen zien welke het is en welke bij elkaar horen.. En de ids kan je elke seconden oid laten veranderen naar een random iets..
Maar alsnog, het blijft altijd wel hackbaar

Of gebruik gewoon random ids.

Dus gewoon 1648562438464 > 735491644538165
in plaats van 1 > 13