Can not find 'FB' のエラーを解消する方法

Question

CognitoでFacebookログインをionicを使ってiOSとAndroidで実行しようとしています。

リファレンスによるとウェブ（Javascript）のやり方があったので、習ってやってみました。

Javascript SDKを利用するために、

<script>
    window.fbAsyncInit = function() {
      FB.init({
        appId            : ‘1160583684336834’,
        autoLogAppEvents : true,
        xfbml            : true,
        version          : ‘v9.0’
      });
    };
    (function(d, s, id){
       var js, fjs = d.getElementsByTagName(s)[0];
       if (d.getElementById(id)) {return;}
       js = d.createElement(s); js.id = id;
       js.src = “https://connect.facebook.net/ja_JP/sdk.js”;
       fjs.parentNode.insertBefore(js, fjs);
     }(document, ‘script’, ‘facebook-jssdk’));
</script>

を追記しました。

そしてログイン処理を書こうと思ったのですが、これをどこに追記すれば良いのかで詰まってしまっています。

    FB.login(function(response) {
      //handle the response
    });

通常のページはTypescriptで書いているため、そのまま追記すると

  Can not find 'FB'.

というエラーメッセージが出てしまいます。

ログインするためのコードをTypescriptに直す方法、Javascriptのまま追記する方法、FBを定義する方法など分かる方がいらっしゃいましたらコメントください。

また、最終的にはFacebookアカウントを使って、Cognitoのユーザプールにユーザを作成し、ログインできるようにしたいです。もし方向性が間違っている等ございましたら、ご指摘お願いします。

よろしくお願いします！

Answer 1

Cordova/CapacitorでiOS/Androidビルドしている場合は、scriptタグは使えません。また、Oauth2のリダイレクトも使えないため、

https://github.com/capacitor-community/facebook-login

のようなプラグインをご利用くださいー。

Comments

[fufufu000]

ありがとうございます！！

教えていただいた方法でFacebookアクセストークンは取得できたのですが、これを使ってCognitoにユーザを作成したいです。

方法がありましたら教えていただきたいです。

[rdlabo]

Cognitoは利用していないためわからないですが、質問を立て直した方がいいかと思いますー！！

[fufufu000]

承知しました！
ありがとうございます！