【Vue3+Ts】使用第三方登录（Google、FaceBook、Apple）以及令牌数据解码！（必备收藏）

创建third-party-login.ts文件

// ElLoading 为elementplus的loading加载动画，不需要自行去除！！
import {
   
    ElLoading } from "element-plus";

// 登录类型枚举
enum LoginType {
   
   
  Apple = "apple",
  Google = "google",
  Facebook = "facebook",
}

// 全局 window 对象
const globalWindow: any = window;

// 封装登录函数
const loginWithSocialMedia = async (type: LoginType): Promise<any> => {
   
   
  // 显示 loading 动画
  const loading = ElLoading.service({
   
    lock: true });
  try {
   
   
    // 根据不同的登录类型执行相应的登录逻辑
    switch (type) {
   
   
      case LoginType.Apple:
        return await loginWithApple();
      case LoginType.Google:
        return await loginWithGoogle();
      case LoginType.Facebook:
        return await loginWithFacebook();
      default:
        throw new Error("Unsupported login type");
    }
  } catch (error) {
   
   
    // 捕获错误并向外部抛出
    throw error;
  } finally {
   
   
    // 无论如何都关闭 loading 动画
    loading.close