nuxt-telegram-auth
nuxt-telegram-auth

适用于 Nuxt 3 的 Telegram 登录组件集成


🔐 适用于 nuxt 3 的 Telegram 登录组件集成


文档

  • 😌 轻松集成 - 一个 Telegram 机器人和此模块足以实现 Telegram 登录组件
  • 🔒 认证端点 - Nuxt Telegram 模块提供了一个 API 端点,用于检查用户的 Cookie 是否有效:/api/telegram/session,此方法集成自官方示例 PHP 代码

安装

npx nuxi module add nuxt-telegram-auth

然后你需要将 TELEGRAM_TOKEN 添加到你的 runtimeConfig 中

runtimeConfig: {
  TELEGRAM_TOKEN: "my_fancy_bot_token",
}

之后你可以在页面上尝试


<template>
  <div>
    <div>
      <div v-if="session.loggedIn">
        <NuxtLink @click="logout" to="/">Logout</NuxtLink>
        <a>Hey you are logged in!</a>
        <p>Session: {{ session }}</p>
      </div>
      <div v-else>
        <TelegramLoginWidget telegram-login="my_bot" @callback="testCallback" />
      </div>
    </div>
  </div>
</template>

<script setup>
const { clearSession, session } = useUserSession();
const logout = () => clearSession();
const testCallback = (user) => {
  console.log("Custom callback function: ",user);
};
</script>

欲了解更多详细信息,请查看文档页面。

MIT 许可证 | Halit Sever