JavaScriptSDKを使用してFacebookユーザーの電子メールIDを取得する方法
-
27-10-2019 - |
質問
JavaScript APIを使用してFacebook用のアプリを作成しています。問題は、戻ってきていることです
email = undefined
.
どうしてか分かりません?また、アプリでFacebookログイン/ログアウトボタンを使用した場合、アラートにはユーザーの正しい電子メールIDが表示されますが、それをしたくありません。何が足りないの?
これが私のコードです:
<p><fb:login-button autologoutlink="true" perms="user_about_me,email"></fb:login-button></p>
<script>
window.fbAsyncInit = function () {
FB.init({ appId: '250180631699888', status: true, cookie: true,
xfbml: true
});
FB.getLoginStatus(function (response) {
if (response.session) {
greet();
}
});
};
(function () {
var e = document.createElement('script');
e.type = 'text/javascript';
e.src = document.location.protocol +
'//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
} ());
function greet() {
FB.api('/me', function (response) {
alert('Welcome, ' + response.name + "!");
alert('Your email id is : '+ response.email);
});
}
</script>
解決
Facebookページの最新情報によると、パーマの代わりに「スコープ」を使用する必要があります。https://developers.facebook.com/docs/reference/javascript/fb.login/
訪問する場合
https://developers.facebook.com/tools/console/
また、FB-API-> User-INFOの例を出発点として使用してから、ログアウトして再び戻って、電子メールのパーマを尋ねると、メールが印刷されていることがわかります。投稿で言及しているように、respons.emailを使用して行われます。
他のヒント
// https://developers.facebook.com/docs/javascript/reference/FB.api/
// v2.4
FB.api('/me', { locale: 'en_US', fields: 'name, email' },
function(response) {
console.log(response.email);
}
);
以下は、ユーザー名と電子メールを取得する方法の例です。
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
$(function() {
FB.init({
appId : 'APP_ID',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
FB.getLoginStatus(function(response) {
if (response.status == 'connected') {
getCurrentUserInfo(response)
} else {
FB.login(function(response) {
if (response.authResponse){
getCurrentUserInfo(response)
} else {
console.log('Auth cancelled.')
}
}, { scope: 'email' });
}
});
function getCurrentUserInfo() {
FB.api('/me', function(userInfo) {
console.log(userInfo.name + ': ' + userInfo.email);
});
}
});
</script>
<button id="fb-login">Login & Permissions</button>
<script>
document.getElementById('fb-login').onclick = function() {
var cb = function(response) {
Log.info('FB.login callback', response);
if (response.status === 'connected') {
Log.info('User logged in');
} else {
Log.info('User is logged out');
}
};
FB.login(cb, { scope: 'email' });
};
</script>
これを使用して、追加の許可を得てください
詳細については、ご覧ください。https://www.fbrell.com/examples/
このコードでは、ajaxを使用してユーザーデータフォームを取得し、データベースに保存します
FB.login(function(response) {
if (response.authResponse) {
FB.api('/me?fields=email,name,first_name,last_name', function(response)
{
FB.api(
"/"+response.id+"/picture?height=100",
function (responses) {
//console.log(responses.data.url)
response['profile_pic']=responses.data.url;
$.ajax({
type:"POST",
url:'<?php echo base_url(); ?>'+'home/facebook_get_signup',
data:response,
success:function(res)
{
if(res=='success')
{
window.location='<?php echo base_url(); ?>';
}
if(res=='exists')
{
window.location='<?php echo base_url(); ?>';
}
}
});
}
)
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
// handle the response
}, {scope: 'email,user_likes'});
あなたのソリューションにはいくつかの問題があります。まず、古い認証スキームを使用しています。ここで説明する新しいものを使用する必要があります。https://developers.facebook.com/docs/reference/javascript/
oauth:true in Your Your Your Your in Your functionを追加し、GetLoginTatusが新しいタイプの応答を探していることを確認する必要があります。
と言われている場合、ユーザーの電子メールを確認するための適切な権限があることを確認する必要があります。ここで必要な権限を見ることができます:http://developers.facebook.com/docs/reference/api/user/
Tommybsが別の答えで説明したように、FB.Login関数を使用してそれらを取得します。
これらのオプションができたら、FB.API関数を使用して電子メールを取得できます。