temp

2025-02-28 03:05:52 +08:00
parent 5e29dd2a0d
commit b6b11899f1
20 changed files with 1132 additions and 53 deletions
--- a/mini-web/envision/index.html
+++ b/mini-web/envision/index.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1, user-scalable=no">
+  <title>主页</title>
+  <style>
+    * {
+      box-sizing: border-box;
+    }
+
+    html,
+    body {
+      margin: 0;
+      padding: 0;
+      width: 100%;
+      height: 100%;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+    }
+
+    #qrcode {
+      width: 500px;
+      height: 500px;
+      margin: 0 auto;
+    }
+  </style>
+</head>
+
+<body>
+  <!-- <canvas id="qrcode"></canvas> -->
+  <img id="qrcode" />
+  <script type="module">
+    import { loginUrl, loginSuccessUrl } from './config.js'
+    import QRCode from 'https://cdn.jsdelivr.net/npm/qrcode@1.5.4/+esm'
+    const url = new URL(window.location.href)
+    const redirect = url.searchParams.get('redirect')
+    const redirectURL = redirect ? decodeURIComponent(redirect) : loginSuccessUrl
+    var opts = {
+      errorCorrectionLevel: 'H',
+      type: 'image/jpeg',
+      quality: 0.3,
+      margin: 1,
+      // color: {
+      //   dark: "#010599FF",
+      //   light: "#FFBF60FF"
+      // }
+    }
+    let state = ''
+    let timer = null
+    const createQrcode = (state) => {
+      const text = `${loginUrl}?state=${state}`
+      QRCode.toDataURL(text, opts, function (err, url) {
+        if (err) throw err
+        var img = document.getElementById('qrcode')
+        img.src = url
+      })
+    }
+    const checkLogin = async () => {
+      const res = await fetch(`/api/router?path=wx&key=checkLogin&state=${state}`).then(res => res.json())
+      if (res.code === 200) {
+        const token = res.data.token
+        if (token) {
+          localStorage.setItem('token', token)
+        }
+        document.body.innerHTML = `<h1>登录成功</h1>`
+        setTimeout(() => {
+          window.location.href = redirectURL
+        }, 1000)
+      } else {
+        timer = setTimeout(() => {
+          checkLogin()
+        }, 1000)
+      }
+    }
+    // 随机生成一个state 
+    state = Math.random().toString(36).substring(2, 15)
+    createQrcode(state)
+    checkLogin()
+    setInterval(() => {
+      state = Math.random().toString(36).substring(2, 15)
+      clearTimeout(timer) // 清除定时器
+      createQrcode(state) // 90秒后更新二维码
+      checkLogin()
+    }, 90000)
+  </script>
+</body>
+
+</html>