npm - vue-alive-check - Versions diffs - 1.0.6 - Mend

vue-alive-check 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/.env.dev +25 -0
package/.eslintignore +10 -0
package/.eslintrc.js +192 -0
package/README.md +48 -0
package/babel.config.js +5 -0
package/dist/demo.html +1 -0
package/dist/vue-alive-check.common.js +90362 -0
package/dist/vue-alive-check.css +1 -0
package/dist/vue-alive-check.umd.js +90373 -0
package/dist/vue-alive-check.umd.min.js +36 -0
package/jsconfig.json +19 -0
package/package.json +48 -0
package/public/favicon.ico +0 -0
package/public/index.html +17 -0
package/src/App.vue +38 -0
package/src/api/alive.js +20 -0
package/src/api/face.js +33 -0
package/src/assets/element-variables.scss +31 -0
package/src/assets/login-1.png +0 -0
package/src/assets/login-2.png +0 -0
package/src/assets/logo.png +0 -0
package/src/index.vue +58 -0
package/src/main.js +26 -0
package/src/router/index.js +58 -0
package/src/utils/auth.js +105 -0
package/src/utils/request.js +85 -0
package/src/views/login.vue +51 -0
package/src/views/policy.vue +30 -0
package/src/views/register.vue +31 -0
package/vue.config.js +68 -0

package/jsconfig.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}

package/package.json ADDED Viewed

@@ -0,0 +1,48 @@
+{
+  "name": "vue-alive-check",
+  "version": "1.0.6",
+  "private": false,
+  "description": "活体检测 + 人脸登陆，人脸注册，扫码登陆",
+  "main": "dist/vue-alive-check.common.js",
+  "author": "175916735@qq.com",
+  "license": "ISC",
+  "keywords": [
+    "vue-face-login",
+    "vue-alive-check"
+  ],
+  "scripts": {
+    "dev": "vue-cli-service serve --mode dev",
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint",
+    "package": "vue-cli-service build --target lib --name vue-alive-check --dest dist ./packages/index.js"
+  },
+  "dependencies": {
+    "axios": "^0.27.2",
+    "core-js": "^3.8.3",
+    "element-ui": "^2.15.14",
+    "vue": "^2.6.14",
+    "vue-qr": "^4.0.9",
+    "vue-router": "^3.4.9"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3",
+    "sass": "1.32.13",
+    "sass-loader": "10.2.0",
+    "vue-template-compiler": "^2.6.14"
+  },
+  "engines": {
+    "node": ">= 10.13.0",
+    "npm": ">= 5.0.0"
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ]
+}

package/public/favicon.ico ADDED Viewed

Binary file

package/public/index.html ADDED Viewed

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <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">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>

package/src/App.vue ADDED Viewed

@@ -0,0 +1,38 @@
+<template>
+  <div id="app">
+    <router-view />
+  </div>
+</template>
+<script>
+export default {
+  name: 'App',
+  components: {
+  },
+  data() {
+    return {
+      page: undefined,
+    };
+  },
+  mounted(){
+  },
+  methods:{
+    goPage(page){
+    }
+  }
+}
+</script>
+<style>
+#app {
+  font-size: 14px;
+  margin: 0px auto;
+  text-align: initial !important;
+}
+body{
+  margin: 0px !important;
+}
+</style>

package/src/api/alive.js ADDED Viewed

@@ -0,0 +1,20 @@
+import request from '@/utils/request'
+export function uploadShard(data) {
+  return request({
+    baseURL: '/face-api/',
+    url: '/uploadShard',
+    method: 'post',
+    data: data
+  })
+}
+export function aliveDetect(data) {
+  return request({
+    baseURL: '/face-api/',
+    url: '/aliveDetect',
+    method: 'post',
+    data: data
+  })
+}

package/src/api/face.js ADDED Viewed

@@ -0,0 +1,33 @@
+import request from '@/utils/request'
+// 人脸识别登陆
+export function faceRegister(data) {
+  return request({
+    baseURL: '/face-api/',
+    url: '/face-register',
+    method: 'post',
+    data: data
+  })
+}
+// 人脸识别登陆
+export function faceLogin(data) {
+  return request({
+    baseURL: '/face-api/',
+    url: '/face-login',
+    method: 'post',
+    data: data
+  })
+}
+// 人脸识别登陆
+export function getLoginResult(data) {
+  return request({
+    baseURL: '/face-api/',
+    url: '/face-login-result',
+    method: 'post',
+    data: data
+  })
+}

package/src/assets/element-variables.scss ADDED Viewed

@@ -0,0 +1,31 @@
+/**
+* I think element-ui's default theme color is too light for long-term use.
+* So I modified the default color and you can modify it to your liking.
+**/
+/* theme color */
+$--color-primary: #1890ff;
+$--color-success: #13ce66;
+$--color-warning: #ffba00;
+$--color-danger: #ff4949;
+// $--color-info: #1E1E1E;
+$--button-font-weight: 400;
+// $--color-text-regular: #1f2d3d;
+$--border-color-light: #dfe4ed;
+$--border-color-lighter: #e6ebf5;
+$--table-border: 1px solid#dfe6ec;
+/* icon font path, required */
+$--font-path: '~element-ui/lib/theme-chalk/fonts';
+@import "~element-ui/packages/theme-chalk/src/index";
+// the :export directive is the magic sauce for webpack
+// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
+:export {
+  theme: $--color-primary;
+}

package/src/assets/login-1.png ADDED Viewed

Binary file

package/src/assets/login-2.png ADDED Viewed

Binary file

package/src/assets/logo.png ADDED Viewed

Binary file

package/src/index.vue ADDED Viewed

@@ -0,0 +1,58 @@
+<template>
+  <div style="margin:10px;">
+    <div v-if="hasLogin()">
+      <div>{{auth.getUsername()}}，登陆成功</div>
+      <el-link type="primary" :underline="false" @click="logout">退出</el-link>
+    </div>
+    <div v-else>
+      <div style="">
+        <el-link type="primary" :underline="false" href="./login">人脸登陆</el-link>
+        <span class="padding-10"></span>
+        <el-link type="primary" :underline="false" href="./register">注册人脸</el-link>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+import * as auth from '@/utils/auth'
+export default {
+  name: 'Index',
+  components: {
+  },
+  data() {
+    return {
+      auth: auth,
+      page: undefined,
+      loginUrl: window.location.href+"login",
+      registerUrl: window.location.href+"register",
+      activeTab: 'login'
+    };
+  },
+  mounted(){
+    console.log(this.loginUrl)
+  },
+  methods:{
+    hasLogin(){
+      return auth.getAccessToken() ? true : false;
+    },
+    logout(){
+      auth.removeToken()
+      auth.removeTenantId();
+      this.$router.push({name:"Login"})
+    },
+    goPage(page){
+      this.$router.push({path:page});
+    }
+  }
+}
+</script>
+<style>
+#app {
+  font-size: 14px;
+}
+</style>

package/src/main.js ADDED Viewed

@@ -0,0 +1,26 @@
+import Vue from 'vue'
+import App from './App.vue'
+import Element from 'element-ui'
+import './assets/element-variables.scss'
+import FaceRegister from "vue-alive-check"
+import AliveCheckLogin from "vue-alive-check"
+import "vue-alive-check/dist/vue-alive-check.css"
+Vue.use(AliveCheckLogin);
+Vue.use(FaceRegister);
+import router from './router'
+Element.Dialog.props.closeOnClickModal.default = false
+Vue.use(Element, {
+  size: localStorage.getItem("size") || "medium",
+});
+Vue.config.productionTip = false
+var app = undefined
+app = new Vue({
+  el: '#app',
+  router,
+  render: h => h(App)
+})

package/src/router/index.js ADDED Viewed

@@ -0,0 +1,58 @@
+import Vue from 'vue'
+import Router from 'vue-router'
+Vue.use(Router)
+// 公共路由
+export const constantRoutes = [
+  {
+    path: '/',
+    name: 'Index',
+    component: (resolve) => require(['@/index'], resolve),
+    meta: {
+      title: "首页"
+    },
+    hidden: false
+  },
+  {
+    path: '/login',
+    name: 'Login',
+    component: (resolve) => require(['@/views/login'], resolve),
+    meta: {
+      title: "人脸登录"
+    },
+    hidden: false
+  },
+  {
+    path: '/register',
+    name: 'Register',
+    component: (resolve) => require(['@/views/register'], resolve),
+    meta: {
+      title: "人脸注册"
+    },
+    hidden: false
+  },
+  {
+    path: '/policy',
+    name: 'Rolicy',
+    component: (resolve) => require(['@/views/policy'], resolve),
+    meta: {
+      title: "隐私协议"
+    },
+    hidden: false
+  },
+]
+// 防止连续点击多次路由报错
+let routerPush = Router.prototype.push;
+Router.prototype.push = function push(location) {
+  return routerPush.call(this, location).catch(err => err)
+}
+export default new Router({
+  base: process.env.VUE_APP_APP_NAME ? process.env.VUE_APP_APP_NAME : "/",
+  // base: process.env.PUBLIC_PATH ? process.env.PUBLIC_PATH : "/",
+  mode: 'history', // 去掉url中的#
+  scrollBehavior: () => ({y: 0}),
+  routes: constantRoutes
+})

package/src/utils/auth.js ADDED Viewed

@@ -0,0 +1,105 @@
+const AccessTokenKey = 'ACCESS_TOKEN'
+const RefreshTokenKey = 'REFRESH_TOKEN'
+// ========== Token 相关 ==========
+export function getAccessToken() {
+  return localStorage.getItem(AccessTokenKey)
+}
+export function getRefreshToken() {
+  return localStorage.getItem(RefreshTokenKey)
+}
+export function setToken(loginResp) {
+  localStorage.setItem(AccessTokenKey, loginResp.accessToken)
+  localStorage.setItem(RefreshTokenKey, loginResp.refreshToken)
+}
+export function removeToken() {
+  localStorage.removeItem(AccessTokenKey)
+  localStorage.removeItem(RefreshTokenKey)
+}
+// ========== 账号相关 ==========
+const UserIdKey = 'USERID'
+const UsernameKey = 'USERNAME'
+const PasswordKey = 'PASSWORD'
+const RememberMeKey = 'REMEMBER_ME'
+export function getUserId() {
+  return localStorage.getItem(UserIdKey)
+}
+export function setUserId(userId) {
+  localStorage.setItem(UserIdKey, userId)
+}
+export function getUsername() {
+  return localStorage.getItem(UsernameKey)
+}
+export function setUsername(username) {
+  localStorage.setItem(UsernameKey, username)
+}
+export function removeUsername() {
+  localStorage.removeItem(UsernameKey)
+}
+export function getPassword() {
+  const password = localStorage.getItem(PasswordKey)
+  return password ? decrypt(password) : undefined
+}
+export function setPassword(password) {
+  localStorage.setItem(PasswordKey, encrypt(password))
+}
+export function removePassword() {
+  localStorage.removeItem(PasswordKey)
+}
+export function getRememberMe() {
+  return localStorage.getItem(RememberMeKey) === 'true'
+}
+export function setRememberMe(rememberMe) {
+  localStorage.setItem(RememberMeKey, rememberMe)
+}
+export function removeRememberMe() {
+  localStorage.removeItem(RememberMeKey)
+}
+// ========== 租户相关 ==========
+const TenantIdKey = 'TENANT_ID'
+const TenantNameKey = 'TENANT_NAME'
+export function getTenantName() {
+  return localStorage.getItem(TenantNameKey)
+}
+export function setTenantName(username) {
+  localStorage.setItem(TenantNameKey, username)
+}
+export function removeTenantName() {
+  localStorage.removeItem(TenantNameKey)
+}
+export function getTenantId() {
+  return localStorage.getItem(TenantIdKey)
+}
+export function setTenantId(username) {
+  localStorage.setItem(TenantIdKey, username)
+}
+export function removeTenantId() {
+  localStorage.removeItem(TenantIdKey)
+}
+export class getToken {
+}

package/src/utils/request.js ADDED Viewed

@@ -0,0 +1,85 @@
+import axios from 'axios'
+import {Message, MessageBox, Notification, Loading} from 'element-ui'
+// 需要忽略的提示。忽略后，自动 Promise.reject('error')
+const ignoreMsgs = [
+  "无效的刷新令牌", // 刷新令牌被删除时，不用提示
+  "刷新令牌已过期" // 使用刷新令牌，刷新获取新的访问令牌时，结果因为过期失败，此时需要忽略。否则，会导致继续 401，无法跳转到登出界面
+]
+// 是否显示重新登录
+export let isRelogin = { show: false };
+// Axios 无感知刷新令牌，参考 https://www.dashingdog.cn/article/11 与 https://segmentfault.com/a/1190000020210980 实现
+// 请求队列
+let requestList = []
+// 是否正在刷新中
+let isRefreshToken = false
+axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
+// 创建axios实例
+const service = axios.create({
+  // axios中请求配置有baseURL选项，表示请求URL公共部分
+  baseURL: process.env.VUE_APP_BASE_API + '/admin-api/', // 此处的 /admin-api/ 地址，原因是后端的基础路径为 /admin-api/
+  // 超时
+  timeout: 300000,
+  // 禁用 Cookie 等信息
+  withCredentials: false,
+})
+// request拦截器
+service.interceptors.request.use(config => {
+  // get请求映射params参数
+  if (config.method === 'get' && config.params) {
+    let url = config.url + '?';
+    for (const propName of Object.keys(config.params)) {
+      const value = config.params[propName];
+      const part = encodeURIComponent(propName) + '='
+      if (value !== null && typeof(value) !== "undefined") {
+        if (typeof value === 'object') {
+          for (const key of Object.keys(value)) {
+            let params = propName + '[' + key + ']';
+            const subPart = encodeURIComponent(params) + '='
+            url += subPart + encodeURIComponent(value[key]) + "&";
+          }
+        } else {
+          url += part + encodeURIComponent(value) + "&";
+        }
+      }
+    }
+    url = url.slice(0, -1);
+    config.params = {};
+    config.url = url;
+  }
+  return config
+}, error => {
+    console.log(error)
+    Promise.reject(error)
+})
+// 响应拦截器
+service.interceptors.response.use(async res => {
+  if (res.status == 200) {
+    return res.data
+  } else {
+    Message.error(res.statusText || '请求失败')
+  }
+}, error => {
+    console.log('err' + error)
+    let {message} = error;
+    if (message === "Network Error") {
+      message = "后端接口连接异常";
+    } else if (message.includes("timeout")) {
+      message = "系统接口请求超时";
+    } else if (message.includes("Request failed with status code")) {
+      message = "系统接口" + message.substr(message.length - 3) + "异常";
+    }
+    Message({
+      message: message,
+      type: 'error',
+      duration: 5 * 1000
+    })
+    return Promise.reject(error)
+  }
+)
+export default service

package/src/views/login.vue ADDED Viewed

@@ -0,0 +1,51 @@
+<template>
+  <div style="border:0px solid #DDD; border-radius:5px;">
+    <!-- 人脸登陆 -->
+    <!-- <FaceLogin :tenantId="tenantId" :requestId="requestId" @success="handleSuccess" @error="handleFail" /> -->
+    <!-- 活体 + 人脸 登陆 -->
+    <AliveCheckLogin :tenantId="tenantId" :requestId="requestId" @success="handleSuccess" @error="handleFail" />
+  </div>
+</template>
+<script>
+import { Message } from 'element-ui'
+// import FaceLogin from '/packages/VueFaceLogin/FaceLogin'
+// import AliveCheckLogin from '/packages/VueFaceLogin/AliveCheckLogin'
+import * as auth from '@/utils/auth'
+export default {
+  name: 'Login',
+  components: {
+    // AliveCheckLogin
+  },
+  data() {
+    return {
+      tenantId: 1,
+      requestId: undefined,
+    }
+  },
+  mounted() {
+    // 接受pc 端扫码的requestId，以便结果通知到pc端
+    this.requestId = this.$route.params.requestId || this.$route.query.requestId || (Date.now()+""+ parseInt(Math.random()*10000));
+  },
+  methods:{
+    handleSuccess(userToken){
+      console.log("success", userToken)
+      auth.setToken(userToken);
+      auth.setUserId(userToken.userId);
+      auth.setUsername(userToken.alias);
+      auth.setTenantId(userToken.tenantId);
+      Message.success("登陆成功")
+      this.$router.push({
+        path:"/"
+      })
+    },
+    handleFail(err){
+      console.log("error", err)
+      Message.error("登陆失败")
+    }
+  }
+}
+</script>

package/src/views/policy.vue ADDED Viewed

@@ -0,0 +1,30 @@
+<template>
+  <div style="border:0px solid #DDD; border-radius:5px;">
+    <el-button type="text" @click="goback">返回</el-button>
+    <div>
+    隐私保护协议
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'Policy',
+  components: {
+  },
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods:{
+    goback(){
+      this.$router.go(-1)
+    }
+  }
+}
+</script>

package/src/views/register.vue ADDED Viewed

@@ -0,0 +1,31 @@
+<template>
+  <div style="border:0px solid #DDD; border-radius:5px;">
+    <el-link v-if="0" :underline="false" href="/" class="face-login-back"><i class="el-icon-arrow-left" /> 返回</el-link>
+    <FaceRegister :userId="115" :tenantId="1" @success="handleSuccess" @error="handleFail" />
+  </div>
+</template>
+<script>
+// import FaceRegister from '/packages/VueFaceLogin/FaceRegister'
+export default {
+  name: 'Register',
+  components: {
+    // FaceRegister
+  },
+  methods:{
+    handleSuccess(userToken){
+      console.log("success", userToken)
+      this.$router.push({
+        name: "Login"
+      })
+    },
+    handleFail(err){
+      console.log("error", err)
+    },
+  }
+}
+</script>