前端使用Authing认证

最近在看Authing认证，试了一下，记录如下：

1. 注册Authing官网
2. 在自建应用中找到App ID，修改用什么方式登陆，方式还是挺丰富的
3. 新建vue3项目，安装插件yarn add @authing/vue-ui-components，版本3.1.13测试过npm使用taobao安装不成功，yarn能成功
4. 新建页面

<template>
  <Guard :appId="appId" @login="handleLogin"/>
</template>

<script setup>
import { Guard } from "@authing/vue-ui-components";
import "@authing/vue-ui-components/lib/index.min.css";
import { ref } from "vue";

const appId = ref("APPID")// 从网站复制

function handleLogin(userInfo) {
  console.log(userInfo);// 登陆成功回调
}
</script>

5. 在Authing的用户管理中，可以添加测试用户和看到用户列表