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