モバイルでのFBログインウィンドウ

Question

モーダルでFacebookログインウィンドウを有効にするにはどうすればいいですか？ イメージのようなもの。モバイル同等しかし

。

Answer 1

Facebook JavaScript SDKを使用して行うことができます。注意：これはバックエンドではなくフロントエンドで実行されます。

document.querySelector('your-btn').addEventListener('click', (e) => { 
    e.preventDefault() 
    FB.login((response) => { 
    // your callback 
    }) 
}) 

：あなたのログインボタンにイベントリスナーを追加するとき、今すぐ

getScript('//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.10&appId=yourappidhere',() => { 
    if(typeof window.fbAsyncInit === 'undefined') { 
    FB.init({ 
     appId: 'you app id', 
     version: 'your app version', 
     status: true, 
     cookie: true, 
     xfbml: true, 
     frictionlessRequests: true, 
     useCachedDialogs: true, 
     oauth: true 
    }) 
    } 
}) 

：

function getScript(u, c) { 
     var h = document.getElementsByTagName('head')[0], s = document.createElement('script') 
     s.async = true 
     s.src = u 
     s.onload = s.onreadystatechange = function() { 
     if (!s.readyState || /loaded|complete/.test(s.readyState)) { 
      s.onload = s.onreadystatechange = null; if (h && s.parentNode) { h.removeChild(s) } s = undefined 
      if (c) { c() } 
     } 
     } 
     h.insertBefore(s, h.firstChild) 
    } 

今、このようなFB JS SDKおよび初期化FBのAPIを取得