PHP为任意页面设置访问密码

mengkun 35.4K 61

最近在全力开发一个新的项目，导致博客又荒废快一个月了今天抽出点时间除除草……

呐，本篇内容就如标题所说的，用于给任意的页面设置访问密码。全部代码都在下头了↓↓↓使用后的效果同https://mkblog.cn/1634/。

本篇完……（溜了溜了，继续潜水）

PHP
  1. <?php
  2.  
  3. /********************************************
  4.  * 使用方法:
  5.  * 
  6.  * 1、将本段代码保存为 MkEncrypt.php
  7.  * 
  8.  * 2、在要加密的页面前面引入这个 php 文件   
  9.  *  require_once('MkEncrypt.php');
  10.  * 
  11.  * 3、设置页面访问密码 
  12.  *  MkEncrypt('页面密码');
  13.  * 
  14. ********************************************/
  15.  
  16. // 密码 Cookie 加密盐
  17. if(!defined('MK_ENCRYPT_SALT'))
  18.     define('MK_ENCRYPT_SALT', 'Kgs$JC!V');
  19.  
  20. /**
  21.  * 设置访问密码
  22.  * 
  23.  * @param $password  访问密码
  24.  * @param $pageid    页面唯一 ID 值，用于区分同一网站的不同加密页面
  25.  */
  26. function MkEncrypt($password, $pageid = 'default') {
  27.     $pageid     = md5($pageid);
  28.     $md5pw      = md5(md5($password).MK_ENCRYPT_SALT);
  29.     $postpwd    = isset($_POST['pagepwd']) ? addslashes(trim($_POST['pagepwd'])) : '';
  30.     $cookiepwd  = isset($_COOKIE['mk_encrypt_'.$pageid]) ? addslashes(trim($_COOKIE['mk_encrypt_'.$pageid])) : '';
  31.     
  32.     if($cookiepwd == $md5pw) return;    // Cookie密码验证正确
  33.     
  34.     if($postpwd == $password) {         // 提交的密码正确
  35.         setcookie('mk_encrypt_' . $pageid, $md5pw, time() + 3600000, '/');
  36.         return;
  37.     }
  38. ?>
  39. <html>
  40. <head>
  41.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
  42.     <meta charset="UTF-8"> 
  43.     <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  44.     <meta name="renderer" content="webkit"> 
  45.     <meta name="author" content="mengkun">
  46.     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  47.     <title>该页面已被加密</title>
  48.     <style type="text/css">
  49.     *{font-family:"Microsoft Yahei",微软雅黑,"Helvetica Neue",Helvetica,"Hiragino Sans GB","WenQuanYi Micro Hei",sans-serif;box-sizing:border-box;margin:0px;padding:0px;font-size:14px;-webkit-transition:.2s;-moz-transition:.2s;-ms-transition:.2s;-o-transition:.2s;transition:.2s}
  50.     html,body{width:100%;height:100%}
  51.     body{background-color:#F4F6F9;color:#768093}
  52.     input,button{font-size:1em;border-radius:3px;-webkit-appearance:none}
  53.     input{width:100%;padding:5px;box-sizing:border-box;border:1px solid #e5e9ef;background-color:#f4f5f7;resize:vertical}
  54.     input:focus{background-color:#fff;outline:none}
  55.     button{border:0;background:#6abd09;color:#fff;cursor:pointer;opacity:1;user-select:none}
  56.     button:hover,button:focus{opacity:.9}
  57.     button:active{opacity:1}
  58.     .main{width:100%;max-width:500px;height:300px;padding:30px;background-color:#fff;border-radius:2px;box-shadow:0 10px 60px 0 rgba(29,29,31,0.09);transition:all .12s ease-out;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;text-align:center}
  59.     .alert{width:80px}
  60.     .mk-side-form{margin-bottom:28px}
  61.     .mk-side-form input{float:left;padding:2px 10px;width:77%;height:37px;border:1px solid #ebebeb;border-right-color:transparent;border-radius:2px 0 0 2px;line-height:37px}
  62.     .mk-side-form button{position:relative;overflow:visible;width:23%;height:37px;border-radius:0 2px 2px 0;text-transform:uppercase}
  63.     .pw-tip{font-weight:normal;font-size:26px;text-align:center;margin:25px auto}
  64.     #pw-error {color: red;margin-top: 15px;margin-bottom: -20px;}
  65.     .return-home{text-decoration:none;color:#b1b1b1;font-size:16px}
  66.     .return-home:hover{color:#1E9FFF;letter-spacing:5px}
  67.     </style>
  68. </head>
  69. <body>
  70.     <div class="main">
  71.         <svg class="alert" viewBox="0 0 1084 1024" xmlns="http://www.w3.org/2000/svg" width="80" height="80">
  72.             <defs><style/></defs>
  73.             <path d="M1060.744 895.036L590.547 80.656a55.959 55.959 0 0 0-96.919 0L22.588 896.662a55.959 55.959 0 0 0 48.43 83.907h942.14a55.959 55.959 0 0 0 47.525-85.534zm-470.619-85.172a48.008 48.008 0 1 1-96.015 0v-1.567a48.008 48.008 0 1 1 96.015 0v1.567zm0-175.345a48.008 48.008 0 1 1-96.015 0V379.362a48.008 48.008 0 1 1 96.015 0v255.157z" fill="#FF9800"/>
  74.         </svg>
  75.         
  76.         <form action="" method="post" class="mk-side-form">
  77.             <h2 class="pw-tip">该页面已被加密</h2>
  78.             <input type="password" name="pagepwd" placeholder="请输入访问密码查看" required><button type="submit">提交</button>
  79.             <?php if($postpwd): ?>
  80.             <p id="pw-error">Oops!密码不对哦~</p>
  81.             <script>setTimeout(function() {document.getElementById("pw-error").style.display = "none"}, 2000);</script>
  82.             <?php endif; ?>
  83.         </form>
  84.         <a href="/" class="return-home" title="点击回到网站首页">- 返回首页 - </a>
  85.     </div>
  86. </body>
  87. </html>
  88. <?php
  89.     exit();
  90. }
复制 文本 高亮

后记

是不是觉得有点水？我也这么觉得，哈哈哈哈……

本文作者为mengkun，转载请注明。

发表评论 取消回复
表情 图片 链接 代码

  1. Atg
    Atg Lv 1

    nb大佬

    #30 2019-12-16 12:34 回复
  2. wyh
    wyh Lv 1

    我可能不会用

    #29 2019-11-30 23:53 回复
  3. 权哥
    权哥 Lv 1

    感谢大佬无私奉献，向大佬学习致敬！

    #28 2019-04-15 16:41 回复
  4. iLay
    iLay Lv 1

    你好，我的文章 给typecho独立页面添加密码 引用了你的MkEncrypt.php，并且附上了本文链接，如不允许我会删除这篇文章。另上一条评论回错人了。搜索引擎搜出来的默认回复那一条评论。

    #27 2019-03-20 20:27 回复
    • mengkun
      mengkun 站长

      @iLay没问题，可随意转载、使用

      2019-03-20 20:29 回复
  5. 知遇
    知遇 Lv 1

    我就会传入一个get然后判断是否等于
    这次学习了，不过老大啥时候更新个ajax加载吧

    #26 2019-02-24 00:16 回复
  6. yog
    yog Lv 1

    催更 哈哈哈

    #25 2019-02-22 11:38 回复
  7. JL
    JL Lv 1

    大大你好，我没看懂第三步、设置页面访问密码 这里，我是想在目录浏览程序里加个密码才能打开，但是我引入这个 php 文件后并无改变，求具体操作方式，谢谢。

    #24 2019-01-04 00:15 回复
    • mengkun
      mengkun 站长

      @JL引入之后在后面加上

      Source Code
      1. MkEncrypt('页面密码');
      复制 文本 高亮

      设置加密密码

      2019-01-04 08:25 回复
  8. 凌云
    凌云 Lv 1

    此站已收藏

    #23 2018-12-29 15:50 回复
  9. 左子
    左子 Lv 1

    我可以发表讨论吗，先试一下

    #22 2018-12-06 11:22 回复
  10. 365cent
    365cent Lv 3

    围观大佬，啊，演示页面好像打不开

    #21 2018-11-12 14:19 回复
    • mengkun
      mengkun 站长

      @365cent这篇内容压根就没有演示页面啊

      2018-11-12 19:25 回复
  11. 人心太拥挤
    人心太拥挤 Lv 2

    进来查查水表

    #20 2018-11-12 09:36 回复
  12. 完美者
    完美者 Lv 5

    加紧灌到100楼，就更新了

    #19 2018-11-11 20:41 回复
    • mengkun
      mengkun 站长

      @完美者今天更新了一天的博客。
      一大早就重装系统，下午四点多才弄好。

      2018-11-11 20:43 回复
  13. 完美者
    完美者 Lv 5

    我准备接管这里了

    #18 2018-11-10 16:08 回复
  14. 皓淇网络
    皓淇网络 Lv 1

    测试了一下，文字都显示乱码，不知道哪里的问题，帮我看看呗 http://pdd.haoq66.cn/zb/

    #17 2018-11-05 15:20 回复
  15. 266277
    266277 Lv 4

    其实我之前昵称是266277，现在一打266277就会变出来一个别的的昵称（不想要自动匹配QQ名）
    还有发现了这个文章的预览图每次都是不一样的
    顺带催更

    #16 2018-11-03 22:56 回复
    • mengkun
      mengkun 站长

      @266277加一个空格就不会自动识别 QQ 号了
      预览图不一样是因为这篇压根没有预览图，所以显示随机图像
      更新是不可能更新的，这辈子是不可能更新的

      2018-11-04 09:46 回复
  16. 605623325
    605623325 Lv 1

    为什么孟坤博客更新的内容越来越少

    #15 2018-11-02 08:52 回复
    • 完美者
      完美者 Lv 5

      @605623325你们催更工作做的不到位

      2018-11-03 20:31 回复
  17. 完美者
    完美者 Lv 5

    又两周了，催更催更

    #14 2018-11-01 17:52 回复
  18. 小卡就是卡卡
    小卡就是卡卡 Lv 2

    孟坤。咱们能互换友链吗？
    https://www.bigbiy.com

    #13 2018-10-30 23:11 回复
  19. 赞同
    赞同 Lv 1

    你好，电脑壁纸这个网站的分类不显示了，是不是官方更改了位置啊？求解更新一下

    #12 2018-10-30 00:57 回复
  20. 1
    1 Lv 4

    html怎么引入php文件（头疼，百度的看不懂）

    #11 2018-10-27 23:16 回复
    • mengkun
      mengkun 站长

      @1html 不能引入 php 文件……

      2018-10-28 09:31 回复
    • 臭小子敢发抛
      臭小子敢发抛 Lv 1

      @1你这个html引入php文件解决了嘛？

      2019-01-18 14:03 回复
  21. 8566666666577
    8566666666577 Lv 2

    大佬orz

    #10 2018-10-23 09:51 回复
  22. Langlangago
    Langlangago Lv 1

    大佬orz

    #9 2018-10-22 19:48 回复
  23. 完美者
    完美者 Lv 5

    表示看不懂，请翻译成中文发布，谢谢

    #8 2018-10-19 17:11 回复
  24. 1
    1 Lv 2
    Source Code
    1. function getScrollTop() {
    2.     let scrollTop = 0;
    3.     if (document.documentElement && document.documentElement.scrollTop) {
    4.         scrollTop = document.documentElement.scrollTop
    5.     } else if (document.body) {
    6.         scrollTop = document.body.scrollTop
    7.     }
    8.     return scrollTop;
    9. }
    复制 文本 高亮

    这段代码什么意思?

    #7 2018-10-19 16:17 回复
  25. 乐享
    乐享 Lv 4

    有更就行

    #6 2018-10-18 12:49 回复
  26. 晓超云博客
    晓超云博客 Lv 1

    前排围观大佬

    #5 2018-10-18 10:17 回复
  27. 杨小杰博客
    杨小杰博客 Lv 3

    这也太水 了，不像你的风格啊

    #4 2018-10-18 09:18 回复
  28. 杰新博客
    杰新博客 Lv 3

    哈哈，好久没见了。总算更博了！

    地板 2018-10-17 23:06 回复
  29. 知否
    知否 Lv 1

    前排围观大佬博客更新给力

    板凳 2018-10-17 22:39 回复
  30. 小白-白
    小白-白 Lv 2

    所以这次的沙发是我的了？

    沙发 2018-10-17 20:31 回复