外部ブラウザでのWOFF実行について

repoMK

2024.10.15既読 19

web開発初学者です

FireBase Hosting + vue で作成しているwebアプリを

WOFFアプリ化するべく実験をしています。

endpoint

https://xxxx.web.app

App.vue

onMounted(async () => {
  woff.init({ woffId: woffId })
    .then(() => {
       authStore.isLoggedIn = woff.isLoggedIn();
      if (!authStore.isLoggedIn) {
        router.push("/login");
      }
    })
    .catch((e: { code: string; message: string }) => {
      logView.value = `${e.code}:${e.message}`;
    });
});

login.vue

const login = async () => {
authStore.isLoggedIn = woff.isLoggedIn();
if (!authStore.isLoggedIn) {
    const user = await woff.login({
      redirectUri: "https://xxxxx.web.app",
    });
    authStore.isLoggedIn = true;
  }
};

WORKS内蔵ブラウザで実行する場合はwoff.init()は成功はしています。

外部ブラウザで実行する場合

woff.login()で、ログイン画面を表示するところまでは成功していますが

その後のApp.vue の2回目のwoff.init() が

invalid_request:redirect_uri is not valid.
になります。
woff.login() のリダイレクトは
woff.init() に必要な情報をQueryに含んだurlを返して
それを使ってwoff.init()するものだと理解しているのですが…
ここを解決することができずにいます
ご教授頂けると幸いです

コメント1

次の投稿ワークスグループ変更時のSSO再連携について
リスト

まだ、解決できませんか?
今すぐ実際に使用しているLINE WORKSユーザーに質問してみましょう。