.:. 草榴社區 » 技術討論區 » 也许是电脑端最方便的两步验证方式了
回帖發布主題
本頁主題: 也许是电脑端最方便的两步验证方式了字體大小 寬屏顯示 只看樓主 最新點評 熱門評論 時間順序
灰蒙蒙


級別：俠客 ( 9 )
發帖：1052
威望：218 點
金錢：514 USD
貢獻：998 點
註冊：2015-06-02
資料 短信 推薦 編輯

也许是电脑端最方便的两步验证方式了

写在开头：早先在浏览技术区的时候看到大佬发的两步验证代码，复制了使用至今。时至今日已搜寻不到当年大佬的作品，故我另开新帖帮助有需要的人。
优点：没有复杂的注册邮箱、布置**等操作；以网页的方式轻松获取“两步验证一次性密码”
如上图所示 
展示页面仅三行重要信息：
1、你的密钥(在你开启两步验证时生成的唯一密钥诸如A1B2C3D4E5F6G7H8）
2、两步验证一次性密码
3、一次性密码倒计时
“1”这里可以输入你的密钥，自动更新一次性密码；也可以在代码里输入你的密钥，省去每次输入密钥的麻烦
具体实现起来操作很简单，共分为3步：
1、打开记事本文档
2、复制下面的代码——注意：可以将代码中“A1B2C3D4E5F6G7H8”这段改成你自己的密钥——在第14行
複製代碼
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>两步验证一次性密码生成</title>
  8. </head>
  9. <body>
  10. <div>
  11.     <form>
  12.         <label for="secret">填写秘钥</label>
  13.         <input style="min-width: 20em" id="secret" type="text" value="A1B2C3D4E5F6G7H8"/>
  14.         <br>
  15.         <label for="verifycode">两步验证一次性密码</label>
  16.         <input style="min-width: 10em"  id="verifycode" type="text" value=""/>
  17.         <br>
  18.         <label for="totpcounter">倒计时</label>
  19.         <input id="totpcounter" type="text" value="" readonly/>
  20.     </form>
  21. </div>
  22. </body>
  23. <script>
  24.     "use strict";var sjcl={cipher:{},hash:{},keyexchange:{},mode:{},misc:{},codec:{},exception:{corrupt:function(a){this.toString=function(){return"CORRUPT: "+this.message};this.message=a},invalid:function(a){this.toString=function(){return"INVALID: "+this.message};this.message=a},bug:function(a){this.toString=function(){return"BUG: "+this.message};this.message=a},notReady:function(a){this.toString=function(){return"NOT READY: "+this.message};this.message=a}}};
  25. "undefined"!=typeof module&&module.exports&&(module.exports=sjcl);
  26. sjcl.bitArray={bitSlice:function(a,b,c){a=sjcl.bitArray.g(a.slice(b/32),32-(b&31)).slice(1);return void 0===c?a:sjcl.bitArray.clamp(a,c-b)},extract:function(a,b,c){var d=Math.floor(-b-c&31);return((b+c-1^b)&-32?a[b/32|0]<<32-d^a[b/32+1|0]>>>d:a[b/32|0]>>>d)&(1<<c)-1},concat:function(a,b){if(0===a.length||0===b.length)return a.concat(b);var c=a[a.length-1],d=sjcl.bitArray.getPartial(c);return 32===d?a.concat(b):sjcl.bitArray.g(b,d,c|0,a.slice(0,a.length-1))},bitLength:function(a){var b=a.length;return 0===
  27. b?0:32*(b-1)+sjcl.bitArray.getPartial(a[b-1])},clamp:function(a,b){if(32*a.length<b)return a;a=a.slice(0,Math.ceil(b/32));var c=a.length;b&=31;0<c&&b&&(a[c-1]=sjcl.bitArray.partial(b,a[c-1]&2147483648>>b-1,1));return a},partial:function(a,b,c){return 32===a?b:(c?b|0:b<<32-a)+0x10000000000*a},getPartial:function(a){return Math.round(a/0x10000000000)||32},equal:function(a,b){if(sjcl.bitArray.bitLength(a)!==sjcl.bitArray.bitLength(b))return!1;var c=0,d;for(d=0;d<a.length;d++)c|=a[d]^b[d];return 0===
  28. c},g:function(a,b,c,d){var e;e=0;for(void 0===d&&(d=[]);32<=b;b-=32)d.push(c),c=0;if(0===b)return d.concat(a);for(e=0;e<a.length;e++)d.push(c|a[e]>>>b),c=a[e]<<32-b;e=a.length?a[a.length-1]:0;a=sjcl.bitArray.getPartial(e);d.push(sjcl.bitArray.partial(b+a&31,32<b+a?c:d.pop(),1));return d},j:function(a,b){return[a[0]^b[0],a[1]^b[1],a[2]^b[2],a[3]^b[3]]}};
  29. sjcl.codec.base32={e:"ABCDEFGHIJKLMNOPQRSTUVWXYZ234567",fromBits:function(a,b){var c="",d,e=0,g=sjcl.codec.base32.e,f=0,k=sjcl.bitArray.bitLength(a);for(d=0;5*c.length<k;)c+=g.charAt((f^a[d]>>>e)>>>27),5>e?(f=a[d]<<5-e,e+=27,d++):(f<<=5,e-=5);for(;c.length&5&&!b;)c+="=";return c},toBits:function(a){a=a.replace(/\s|=/g,"").toUpperCase();var b=[],c,d=0,e=sjcl.codec.base32.e,g=0,f;for(c=0;c<a.length;c++){f=e.indexOf(a.charAt(c));if(0>f)throw new sjcl.exception.invalid("this isn't base32!");27<d?(d-=
  30. 27,b.push(g^f>>>d),g=f<<32-d):(d+=5,g^=f<<32-d)}d&56&&b.push(sjcl.bitArray.partial(d&56,g,1));return b}};sjcl.hash.sha1=function(a){a?(this.d=a.d.slice(0),this.b=a.b.slice(0),this.a=a.a):this.reset()};sjcl.hash.sha1.hash=function(a){return(new sjcl.hash.sha1).update(a).finalize()};
  31. sjcl.hash.sha1.prototype={blockSize:512,reset:function(){this.d=this.h.slice(0);this.b=[];this.a=0;return this},update:function(a){"string"===typeof a&&(a=sjcl.codec.utf8String.toBits(a));var b,c=this.b=sjcl.bitArray.concat(this.b,a);b=this.a;a=this.a=b+sjcl.bitArray.bitLength(a);for(b=this.blockSize+b&-this.blockSize;b<=a;b+=this.blockSize)n(this,c.splice(0,16));return this},finalize:function(){var a,b=this.b,c=this.d,b=sjcl.bitArray.concat(b,[sjcl.bitArray.partial(1,1)]);for(a=b.length+2;a&15;a++)b.push(0);
  32. b.push(Math.floor(this.a/0x100000000));for(b.push(this.a|0);b.length;)n(this,b.splice(0,16));this.reset();return c},h:[1732584193,4023233417,2562383102,271733878,3285377520],i:[1518500249,1859775393,2400959708,3395469782]};
  33. function n(a,b){var c,d,e,g,f,k,m,l=b.slice(0),h=a.d;e=h[0];g=h[1];f=h[2];k=h[3];m=h[4];for(c=0;79>=c;c++)16<=c&&(l[c]=(l[c-3]^l[c-8]^l[c-14]^l[c-16])<<1|(l[c-3]^l[c-8]^l[c-14]^l[c-16])>>>31),d=19>=c?g&f|~g&k:39>=c?g^f^k:59>=c?g&f|g&k|f&k:79>=c?g^f^k:void 0,d=(e<<5|e>>>27)+d+m+l[c]+a.i[Math.floor(c/20)]|0,m=k,k=f,f=g<<30|g>>>2,g=e,e=d;h[0]=h[0]+e|0;h[1]=h[1]+g|0;h[2]=h[2]+f|0;h[3]=h[3]+k|0;h[4]=h[4]+m|0}
  34. sjcl.misc.hmac=function(a,b){this.f=b=b||sjcl.hash.sha256;var c=[[],[]],d,e=b.prototype.blockSize/32;this.c=[new b,new b];a.length>e&&(a=b.hash(a));for(d=0;d<e;d++)c[0][d]=a[d]^909522486,c[1][d]=a[d]^1549556828;this.c[0].update(c[0]);this.c[1].update(c[1])};sjcl.misc.hmac.prototype.encrypt=sjcl.misc.hmac.prototype.mac=function(a){a=(new this.f(this.c[0])).update(a).finalize();return(new this.f(this.c[1])).update(a).finalize()};
  36. (function()
  37. {
  38.     "use strict";
  39.     /*global document, sjcl*/
  40.     function HOTP(K, C)
  41.     {
  42.         var key = sjcl.codec.base32.toBits(K);
  43.         // Count is 64 bits long.  Note that JavaScript bitwise operations make
  44.         // the MSB effectively 0 in this case.
  45.         var count = [((C & 0xffffffff00000000) >> 32), C & 0xffffffff];
  46.         var otplength = 6;
  48.         var hmacsha1 = new sjcl.misc.hmac(key, sjcl.hash.sha1);
  49.         var code = hmacsha1.encrypt(count);
  51.         var offset = sjcl.bitArray.extract(code, 152, 8) & 0x0f;
  52.         var startBits = offset * 8;
  53.         var endBits = startBits + 4 * 8;
  54.         var slice = sjcl.bitArray.bitSlice(code, startBits, endBits);
  55.         var dbc1 = slice[0];
  56.         var dbc2 = dbc1 & 0x7fffffff;
  57.         var otp = dbc2 % Math.pow(10, otplength);
  58.         var result = otp.toString();
  59.         while (result.length < otplength)
  60.         {
  61.             result = '0' + result;
  62.         }
  63.         return result;
  64.     }
  65.     //
  66.     // UI Functions
  67.     //
  68.     function GenerateTOTP()
  69.     {
  70.        var secret = document.getElementById('secret').value;
  71.        var ctime = Math.floor((new Date() - 0) / 30000);
  72.        var now = new Date()-0;
  73.        var totpcounter = 30 - parseInt(now.toString().slice(0,10))%30;
  74.        var otp = HOTP(secret, ctime);
  75.        var verifycode = document.getElementById('verifycode');
  76.        var counterEl = document.getElementById('totpcounter');
  77.        counterEl.value = totpcounter;
  78.        verifycode.value = otp;
  79.     }
  80.     function ConfigureHandlers()
  81.     {
  82.         setInterval(GenerateTOTP, 1000);
  83.         GenerateTOTP();
  84.     }
  85.     document.addEventListener('DOMContentLoaded', ConfigureHandlers, false);
  86. }
  87. )();
  88. </script>
  89. </html>
複製代碼

3、将代码粘贴到记事本文档内，保存为html格式文件（需要注意的地方如图） ，

将生成如下图这样的图标（文件名自己造）

 

接下来就是当你需要两步验证的时候，复制6位一次性密码填入即可

如果你觉得有用，还请不要吝啬点赞。

祝各位榴友假日愉快，生活安康！



赞(138)
DMCA / ABUSE REPORT | TOP Posted: 10-02 22:14 發表評論
.:. 草榴社區 » 技術討論區

電腦版 手機版 客戶端 DMCA
用時 0.01(s) x3, 11-14 15:14