Nuxt-telegram-auth · Nuxt モジュール

🔐 nuxt 3 用の Telegram ログインウィジェット統合

🧑‍💻 簡単な統合 - Telegram ボットとこのモジュールだけで Telegram ログインウィジェットが使用できます。

インストール

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