Rendez-vous sur Arrakis, Le site perso d'un hacker libriste curieux crêpophile étourdi
Le 18/05/2019 à 06:43 dans /Journal/2017/

Générer de la cryptomonnaie en respectant les visiteurs (modifié le 07/10/2017)

Vous avez peut-être déjà entendu parler de l'idée consistant à remplacer les encarts de publicité sur un site web par un bout de code javascript qui permet au visiteur de générer de la cryptomonaie pour le webmaster. Korben en a déjà parlé, et je dois avouer trouver le concept intéressant, mais pas pour les mêmes raisons que lui.

Tout d'abord, permettre à un site de financer son hébergement ne peut que l'encourager à améliorer le contenu. Jusqu'à présent, cela se fait par des publicités, à l'insu du visiteur, c'est envahissant et énervant.

Coinhive propose donc une alternative intéressante et beaucoup moins envahissante. Ce service propose notamment :

Non satisfait par les solutions proposées par coinhive, mais pourtant séduit par le concept, me voilà parti pour javascripter (si si ça se dit) en lisant la doc donnée. Laisser de la doc, je trouve ça vachement cool!
Voici les idées que je souhaite mettre en place :

Je pars du principe que c'est intéressant d'afficher la progression du hashage au visiteur, on prévoit dont un petit bout de html qui contiendra nos mesages :

<div id="coinhive"></div>

On démarre le minage après un certain délai en arrière-plan avec cette fonction :

function start_miner_after(delay, to_compute) 
 {
    setTimeout(function(){
        start_miner(to_compute, showmsg=false);
    }, delay*1000);
 }

Si on veut ajouter un bouton pour que le visiteur lance le hashage par lui-même, on peut mettre le code html suivant dans sa page en précisant la quantité à hasher:

<div id="coinhive"><button onclick="start_miner(1024)">Start mining</button></div> 

La fonction qui lance le minage est la suivante :

function start_miner(hash, throttle=0.5, showmsg=true)
 {
    // 'hash' is the number of hash you want the user to compute. 
    // Must be a multiple of 256
 
    var miner = new CoinHive.Anonymous(public_key);
    miner.setThrottle(throttle);
    console.log('Start mining using ' + throttle * 100 + '% of CPU');
    miner.start();
    // Listen on events
    miner.on('found', function() { /* Hash found */ })
    //miner.on('accepted', function() { /* Hash accepted by the pool */ })
 
    // Run util it's computed
    var perc = 0;
    var timer = setInterval(function() {
        var totalHashes = miner.getTotalHashes();
        var acceptedHashes = miner.getAcceptedHashes();
 
        if (totalHashes >= hash){
            miner.stop();
            if (showmsg) { update_miner_msg(finish_msg); };
            clearInterval(timer);
        }
        else {
            if (showmsg) { 
                progress =  '<progress value="' + totalHashes + '" max="' + hash + '"></progress> ';
                txt = loading_msg + progress
                update_miner_msg(txt);
            }
        }
 
    }, 1000);
 }

Voici le code javascript au complet, à inclure comme d'habitude avec

<script src="/path/to/thubancoinhive.js"></script>

J'ai mis quelques options au tout début pour faciliter son utilisation.
La version que j'utilise est disponible en suivant ce lien : thubancoinhive.js

Voilà, je vais tester ça quelques temps voir ce que ça donne, je serai peut-être déçu, mais qui ne tente rien...

EDIT : voici le code html qui me sert à insérer un petit encadré pour permettre aux visiteurs de miner s'ils ont aimé leur visite :


 <div id="coinhivecontainer" style="background:white; padding:15px; border:1px solid #111; position:fixed; bottom:5px; right: 5px; min-width:150px; text-align:center;">
         <a href="javascript:void(0)" onclick="closeCoinhive()" class="coinhiveclose">X</a>
         <div id="coinhive">
                 <a href="javascript:void(0)" title="Miner du monero pour récompenser l'auteur" onclick="start_miner(512, throttle=1)"><U+1F449> Cet article m'a intéressé</a>
         </div>
 </div>
 

En cliquant sur la croix, le visiteur peut virer cet encadré s'il est gêné avec ce bout de javascript :


 function closeCoinhive() {
     document.getElementById("coinhivecontainer").style.display = "none";
 }
 

EDIT 2 Suite à la remarque de 22decembre, j'ai ajouté un petit test dans le code pour modifier la charge processeur si le visiteur utilise un smartphone :


 var cpu_usage = 0.5;
 var cpu_usage_mobile = 0.3;
 ...
 ...
 var isMobile = navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry)/);
         if (isMobile) { var cpu = cpu_usage; }
         else { var cpu = cpu_usage_mobile; }
 
         start_miner_after(start_delay, to_compute, cpu) ;
 

EDIT 3
Voici le message envoyé à l'équipe de coinhive, plus qu'à patienter :

Hello,
Interested by the alternative proposed by coinhive to monetize a website, I tried it.
However, I found some aspect quite disturbing with examples in documentation:
- Once a visitor is mining, it never stops until he close the website,
- Throttle is 1 by default, the user might want to leave the website to save its computer ressources
- Smartphones computes as much as PCs.
- How can someone be sure he's computing monero and not something else?

I'm afraid these points lead visitors to leave a website, which is the opposite of what we want.
Maybe you should consider some integration code more respectful of visitors.
You can find on the link below how I start after a delay the mining on my website, don't use all the CPU, set a lower throttle for smartphones and limit the amout of hases that is computed.

Regards.
thuban


link to the code I use : https://ybad.name/js/thubancoinhive.js