index.html 2.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width" />
  6. <title>ThinkPHP SocketLog服务</title>
  7. <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
  8. <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
  9. <script>
  10. function makeid() {
  11. var text = "";
  12. var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
  13. for (var i = 0; i < 5; i++)
  14. text += possible.charAt(Math.floor(Math.random() * possible.length));
  15. return text;
  16. }
  17. function gen_client_id() {
  18. var c_id = 'tp' + makeid() + '_' + makeid();
  19. $('#client_id').html(c_id);
  20. $('#gen').show();
  21. }
  22. </script>
  23. <style>
  24. .bg {
  25. background: #1E88E5;
  26. padding: 100px;
  27. color: #fff;
  28. }
  29. .bg a {
  30. color: #fff;
  31. }
  32. .bg .info {
  33. font-size: 25px;
  34. }
  35. .btn-yellow {
  36. color: #fff;
  37. background: #ffab40;
  38. margin-top: 20px;
  39. }
  40. .box {
  41. width: 500px;
  42. margin: 0 auto;
  43. }
  44. .ps {
  45. margin: 20px auto;
  46. width: 500px;
  47. }
  48. </style>
  49. </head>
  50. <body>
  51. <a href="https://github.com/luofei614/SocketLog" target="_blank">
  52. <img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
  53. </a>
  54. <div class="bg">
  55. <div class="container text-center">
  56. <h1>ThinkPHP SocketLog服务</h1>
  57. <p class="info">调试程序、分析源码的好工具</p>
  58. <p>具体使用方法,请阅读GitHUb项目上的文档:<a href="http://github.com/luofei614" target="_blank">http://github.com/luofei614</a></p>
  59. <p>点击下方按钮,生成Client_id进行使用</p>
  60. <button class="btn btn-yellow" onclick="gen_client_id();">生成Client_ID</button>
  61. </div>
  62. </div>
  63. <!--/bg-->
  64. <br />
  65. <div id="gen" style="display:none;">
  66. <div class="alert alert-dark box" role="alert">
  67. <code>
  68. 服务器地址:ws://slog.thinkphp.cn<br />
  69. client_id:<span id="client_id"></span>
  70. </code>
  71. </div>
  72. <p class="ps">
  73. 免费服务,不保证服务稳定性,如对稳定性要求高,请查看GitHub项目页的服务端安装方法。
  74. </p>
  75. </div>
  76. </body>
  77. </html>