使用 reactjs 实现 Facebook API 登录
Implement Facebook API login with reactjs
我正在使用Facebook的Javascript SDK进行身份验证。我已经能够正确导入 SDK 并在我的页面上放置一个"赞"按钮。但是，Facebook登录按钮必须包装在标签中：
<fb:login-button/>
我目前将 Facebook 登录教程中的所有代码粘贴到我的索引.html中，这是我项目中唯一的 html 文件，其中包含 React 应用程序。但是，我需要将具有实际登录按钮的最后一部分放入我的 React 组件中。当我尝试这样做时，我收到以下错误：
ReactifyError: /Users/ritmatter/reps/js/components/Signup.jsx: Parse Error: Line 82: Unexpected end of input while parsing file: /Users/ritmatter/reps/js/components/Signup.jsx
sdk.js:61 The "fb-root" div has not been created, auto-creating
ping?client_id=894010190618709&domain=localhost&origin=1&redirect_uri=http%3A%2F%2Fstatic.ak.facebo…:1 Given URL is not allowed by the Application configuration.: One or more of the given URLs is not allowed by the App's settings. It must match the Website URL or Canvas URL, or the domain must be a subdomain of one of the App's domains.
如何让登录按钮做出反应？
我已经弄清楚了如何使用ReactJS修改登录API的Facebook教程。
首先，在您想要登录链接的 react 组件中，包含以下代码：
componentDidMount: function() {
window.fbAsyncInit = function() {
FB.init({
appId : '<YOUR_APP_ID>',
cookie : true, // enable cookies to allow the server to access
// the session
xfbml : true, // parse social plugins on this page
version : 'v2.1' // use version 2.1
});
// Now that we've initialized the JavaScript SDK, we call
// FB.getLoginStatus(). This function gets the state of the
// person visiting this page and can return one of three states to
// the callback you provide. They can be:
//
// 1. Logged into your app ('connected')
// 2. Logged into Facebook, but not your app ('not_authorized')
// 3. Not logged into Facebook and can't tell if they are logged into
// your app or not.
//
// These three cases are handled in the callback function.
FB.getLoginStatus(function(response) {
this.statusChangeCallback(response);
}.bind(this));
}.bind(this);
// Load the SDK asynchronously
(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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
},
// Here we run a very simple test of the Graph API after login is
// successful. See statusChangeCallback() for when this call is made.
testAPI: function() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
});
},
// This is called with the results from from FB.getLoginStatus().
statusChangeCallback: function(response) {
console.log('statusChangeCallback');
console.log(response);
// The response object is returned with a status field that lets the
// app know the current login status of the person.
// Full docs on the response object can be found in the documentation
// for FB.getLoginStatus().
if (response.status === 'connected') {
// Logged into your app and Facebook.
this.testAPI();
} else if (response.status === 'not_authorized') {
// The person is logged into Facebook, but not your app.
document.getElementById('status').innerHTML = 'Please log ' +
'into this app.';
} else {
// The person is not logged into Facebook, so we're not sure if
// they are logged into this app or not.
document.getElementById('status').innerHTML = 'Please log ' +
'into Facebook.';
}
},
// This function is called when someone finishes with the Login
// Button. See the onlogin handler attached to it in the sample
// code below.
checkLoginState: function() {
FB.getLoginStatus(function(response) {
this.statusChangeCallback(response);
}.bind(this));
},
handleClick: function() {
FB.login(this.checkLoginState());
},
然后，在呈现方法中，确保有一些 HTML 可以调用该句柄单击：
<a href="#" onClick={this.handleClick}>Login</a>
请注意，这与本教程中的代码相同，但放置在 ReactJS 组件中。唯一的区别是你必须战略性地绑定它，使Facebook API函数成为你的反应组件的一部分。此登录将以从FB.getLoginStatus（）给出的响应解析的响应消息结束。您还可以从该响应对象中取出令牌，并将其发送到后端，以便使用passport-facebook-token之类的东西进行身份验证。
我使用了 Facebook 身份验证流的承诺
Mixins/Facebook.js
const promises = {
init: () => {
return new Promise((resolve, reject) => {
if (typeof FB !== 'undefined') {
resolve();
} else {
window.fbAsyncInit = () => {
FB.init({
appId : '<app_id>',
cookie : true,
xfbml : true,
version : 'v2.5'
});
resolve();
};
(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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
}
});
},
checkLoginState: () => {
return new Promise((resolve, reject) => {
FB.getLoginStatus((response) => {
response.status === 'connected' ? resolve(response) : reject(response);
});
});
},
login: () => {
return new Promise((resolve, reject) => {
FB.login((response) => {
response.status === 'connected' ? resolve(response) : reject(response);
});
});
},
logout: () => {
return new Promise((resolve, reject) => {
FB.logout((response) => {
response.authResponse ? resolve(response) : reject(response);
});
});
},
fetch: () => {
return new Promise((resolve, reject) => {
FB.api(
'/me',
{fields: 'first_name, last_name, gender'},
response => response.error ? reject(response) : resolve(response)
);
});
}
}
export const Facebook = {
doLogin() {
this.setState({
loading: true
}, () => {
promises.init()
.then(
promises.checkLoginState,
error => { throw error; }
)
.then(
response => { this.setState({status: response.status}); },
promises.login
)
.then(
promises.fetch,
error => { throw error; }
)
.then(
response => { this.setState({loading: false, data: response, status: 'connected'}); },
error => { throw error; }
)
.catch((error) => {
this.setState({loading: false, data: {}, status: 'unknown'});
console.warn(error);
});
});
},
doLogout() {
this.setState({
loading: true
}, () => {
promises.init()
.then(
promises.checkLoginState,
error => { throw error; }
)
.then(
promises.logout,
error => { this.setState({data: {}, status: 'unknown'}); }
)
.then(
response => { this.setState({loading: false, data: {}, status: 'unknown'}); },
error => { throw error; }
)
.catch(error => {
this.setState({loading: false, data: {}, status: 'unknown'});
console.warn(error);
});
});
},
checkStatus() {
this.setState({
loading: true
}, () => {
promises.init()
.then(
promises.checkLoginState,
error => { throw error; }
)
.then(
response => { this.setState({status: response.status}); },
error => { throw error; }
)
.then(
promises.fetchUser,
error => { throw error; }
)
.then(
response => { this.setState({loading: false, data: response, status: 'connected'}); },
error => { throw error; }
)
.catch((error) => {
this.setState({loading: false, data: {}, status: 'unknown'});
console.warn(error);
});
});
}
};
Profile.jsx
import {Facebook} from './mixins/Facebook.js';
import {Button} from 'react-bootstrap';
const ProfileHandler = React.createClass({
mixins: [Facebook],
componentDidMount() {
this.checkStatus();
},
getInitialState() {
return {
status: 'unknown',
loading: false,
data: {}
};
},
render() {
const loading = this.state.loading ? <p>Please wait, profile is loading ...</p> : null;
const message = this.state.status === 'connected'
? (<div>
Hi {data.name}!
<Button onClick={this.doLogout}>Logout</Button>
</div>)
: (<Button onClick={this.doLogin}>Login</Button>);
return (
<div>
{message}
{loading}
</div>
);
}
});
ritmatter 给出了一个很好的答案，但我会展示我是如何做到这一点的。 我想使用 Facebook 的登录按钮而不是我自己的按钮来触发回调以检查登录状态。 登录按钮可能如下所示：
<div class="fb-login-button" onlogin="checkLoginState" data-size="medium" data-show-faces="false" data-auto-logout-link="false"></div>
该按钮具有 onlogin 属性，jsx 解析器不支持该属性。 在 react 方式中使用 data-onlogin 不起作用，所以我只是在 componentDidMount 中添加了按钮：
componentWillMount: function () {
window['statusChangeCallback'] = this.statusChangeCallback;
window['checkLoginState'] = this.checkLoginState;
},
componentDidMount: function () {
var s = '<div class="fb-login-button" ' +
'data-scope="public_profile,email" data-size="large" ' +
'data-show-faces="false" data-auto-logout-link="true" ' +
'onlogin="checkLoginState"></div>';
var div = document.getElementById('social-login-button-facebook')
div.innerHTML = s;
},
componentWillUnmount: function () {
delete window['statusChangeCallback'];
delete window['checkLoginState'];
},
statusChangeCallback: function(response) {
console.log(response);
},
// Callback for Facebook login button
checkLoginState: function() {
console.log('checking login state...');
FB.getLoginStatus(function(response) {
statusChangeCallback(response);
});
},
render: function() {
return (
<div id='social-login-button-facebook'>
</div>
);
}
剩下的就是在挂载组件时触发按钮，如果你想自动调用checkLoginState。
我在这里发布我的解决方案，因为答案帮助我实现了它，但是如果没有
FB.Event.subscribe('auth.statusChange', function(response)
RubyFanatic的回答。此外，"登录"让我感到非常困惑。在我看来根本不需要。
我想分享它，因为这是一个 c&p 解决方案，这里是我针对 fb api v2.8 的完整代码（当然可以踢 react-bootstrap）：
/* global FB*/
import React, { Component } from 'react';
import { Grid, Row, Col } from 'react-bootstrap';
export default class Login extends Component {
constructor(props) {
super(props);
this.checkLoginState = this.checkLoginState.bind(this);
this.handleClick = this.handleClick.bind(this);
this.testAPI = this.testAPI.bind(this);
this.statusChangeCallback = this.statusChangeCallback.bind(this);
}
componentDidMount() {
window.fbAsyncInit = function() {
FB.init({
appId : 'YOURAPIKEYHERE',
cookie : true,
xfbml : true,
version : 'v2.8'
});
FB.AppEvents.logPageView();
FB.Event.subscribe('auth.statusChange', function(response) {
if (response.authResponse) {
this.checkLoginState();
} else {
console.log('---->User cancelled login or did not fully authorize.');
}
}.bind(this));
}.bind(this);
// Load the SDK asynchronously
(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 = '//connect.facebook.net/en_US/sdk.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
}
// Here we run a very simple test of the Graph API after login is
// successful. See statusChangeCallback() for when this call is made.
testAPI() {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Successful login for: ' + response.name);
document.getElementById('status').innerHTML =
'Thanks for logging in, ' + response.name + '!';
});
}
// This is called with the results from from FB.getLoginStatus().
statusChangeCallback(response) {
if (response.status === 'connected') {
// Logged into your app and Facebook.
this.testAPI();
} else if (response.status === 'not_authorized') {
// The person is logged into Facebook, but not your app.
document.getElementById('status').innerHTML = 'Please log ' +
'into this app.';
} else {
// The person is not logged into Facebook, so we're not sure if
// they are logged into this app or not.
document.getElementById('status').innerHTML = 'Please log ' +
'into Facebook.';
}
}
checkLoginState() {
FB.getLoginStatus(function(response) {
this.statusChangeCallback(response);
}.bind(this));
}
handleClick() {
FB.login(this.checkLoginState());
}
render() {
return (
<main>
<Grid fluid>
<h1>
Facebook Login
</h1>
</Grid>
<Grid>
<Row>
<Col xs={12}>
<a href="#" onClick={this.handleClick} onlogin={this.checkLoginState}>Login</a>
<div id="status"></div>
</Col>
</Row>
</Grid>
</main>
);
}
}
这是我用来获取登录回调的解决方案。您可以在渲染方法中为您的 Facebook 登录按钮添加以下代码：
<div className="fb-login-button" data-max-row="5"
data-size="large"
data-show-faces="false"
data-auto-logout-link="false"
href="javascript:void(0)">Login</div>
在代码中添加以下行：
componentDidMount: function() {
// facebook signin button render
window.fbAsyncInit = function() {
FB.init({
appId : 'replace with your app id here',
cookie : true, // enable cookies to allow the server to access
// the session
xfbml : true, // parse social plugins on this page
version : 'v2.1' // use version 2.1
});
// login callback implementation goes inside the function() { ... } block
FB.Event.subscribe('auth.statusChange', function(response) {
// example implementation
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
console.log('Good to see you, ' + response.name + '.');
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
});
}.bind(this);
// Load the SDK asynchronously
(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 = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
}
}
呼叫FB。组件初始化期间的 Event.subscribe（'auth.statusChange'， callback_function） 很重要，因为这基本上是您的登录回调。在这里查看FB。事件文档。
我最近正在为我的一个项目开发Facebook Login，所以在浏览了许多Stackoverflow答案和博客文章之后。我使用 ES6 FatArrow Function 表达式（不包括 .bind（this））编写了一个最小弹性代码。希望这段代码对您有所帮助。
https://gist.github.com/ronit-mukherjee/3e933509643a4ab4e80452bb05c1a073
/*global FB*/
import React, {
Component
} from 'react';
class FacebookLoginButton extends Component {
componentDidMount() {
(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/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
window.fbAsyncInit = () => {
FB.init({
appId: '9999999999999999', //Change with your Facebook app id
autoLogAppEvents: true,
xfbml: true,
version: 'v3.0'
});
FB.Event.subscribe('auth.statusChange', response => {
if (response.authResponse) {
this.checkLoginState();
} else {
console.log('[FacebookLoginButton] User cancelled login or did not fully authorize.');
}
});
};
}
checkLoginState() {
FB.getLoginStatus(function(response) {
this.statusChangeCallback(response);
}.bind(this));
}
login() {
FB.login(this.checkLoginState(), {
scope: 'email'
});
}
statusChangeCallback(response) {
if (response.status === 'connected') {
this.testAPI();
} else if (response.status === 'not_authorized') {
console.log("[FacebookLoginButton] Person is logged into Facebook but not your app");
} else {
console.log("[FacebookLoginButton] Person is not logged into Facebook");
}
}
testAPI() {
FB.api('/me', function(response) {
console.log('[FacebookLoginButton] Successful login for: ', response);
});
}
render() {
return ( <
button className = "btn btn-block btn-fb"
onClick = {
() => this.login()
} >
<
i className = "fa fa-facebook" / > Connect with Facebook <
/button>
)
}
}
export default FacebookLoginButton;我写了一个mixin类来解决这个问题。
https://github.com/genxstylez/react-oauth-mixin
如果您想使用 FB 中的按钮而不是您自己的按钮，这是我能想到的最干净、最简单的方法。
要使用按钮，就这么简单。
<FbLoginBtn
width="250"
dataScope="public_profile,email"
onSuccess={callback}
onFailure={optionalCallback}
afterLogin={optionalCallback}
/>
该组件是完全独立的，并且高度可堆肥，因为它不依赖于任何外部依赖项，除了呈现FB登录按钮之外，它没有任何预定义的行为。
import React, { Component } from 'react';
class FbLoginBtn extends Component {
constructor(props) {
super(props);
// post login behavior should be defined at a higher level
this.onSuccess = this.props.onSuccess || (() => {});
this.onFailure = this.props.onFailure || (() => {});
this.onSuccess = this.onSuccess.bind(this);
this.onFailure = this.onFailure.bind(this);
}
componentDidMount() {
// This is the meat of the component
// create a script tag, load FB SDK
// then after script is loaded, set related behavior
// If you have other components that rely on the FB SDK
// I recommend extracting this into its own module
let self = this;
let scriptTag = document.createElement('script');
scriptTag.type = 'text/javascript';
scriptTag.src = "http://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.4&appId=xxxxx";
scriptTag.addEventListener('load', function (e) {
self.FB = window.FB;
// I don't like exposing the SDK to global scope
window.FB = null;
// This subscribe the callback when login status change
// Full list of events is here
// https://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe/v2.9
self.FB.Event.subscribe('auth.statusChange', self.onStatusChange.bind(self));
});
document.body.appendChild(scriptTag);
}
onStatusChange(response) {
if (response.status === 'connected') {
const { accessToken } = response.authResponse;
// I have a afterLogin optional callback
// which takes care of ads landing, invitation or any other custom behavior
this.onSuccess(accessToken, this.props.afterLogin);
} else {
this.onFailure();
}
}
render() {
return (
<div
className="fb-login-button"
data-width={this.props.width}
data-max-rows="1"
data-size="large"
data-button-type="login_with"
data-show-faces="false"
data-auto-logout-link="true"
data-use-continue-as="false"
data-scope={this.props.dataScope}
>
</div>
);
}
}
export default FbLoginBtn;
可能迟到了，但@Zoreslav答案真的对我有很大帮助。我只是将其转换为钩子，这样我就可以在 sdk 未加载时在 fb 登录按钮上禁用或添加加载器。
import { useState, useEffect, useCallback } from 'react';
const initializeFb = () =>
// eslint-disable-next-line no-unused-vars
new Promise((resolve, _reject) => {
if (typeof FB !== 'undefined') {
resolve();
} else {
// eslint-disable-next-line func-names
window.fbAsyncInit = function() {
// eslint-disable-next-line no-undef
FB.init({
appId: 'APP ID HERE',
cookie: true,
xfbml: true,
version: 'v2.8',
});
// eslint-disable-next-line no-undef
FB.AppEvents.logPageView();
resolve();
};
// eslint-disable-next-line func-names
(function(d, s, id) {
let js;
const fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
// eslint-disable-next-line prefer-const
js = d.createElement(s);
js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk.js';
fjs.parentNode.insertBefore(js, fjs);
})(document, 'script', 'facebook-jssdk');
}
});
const useFacebook = () => {
const [fb, setFB] = useState([]);
const [isReady, setReady] = useState(false);
const initFacebook = useCallback(async () => {
await initializeFb();
// eslint-disable-next-line no-undef
if (typeof FB !== 'undefined') {
// eslint-disable-next-line no-undef
setFB(FB);
setReady(true);
}
});
useEffect(() => {
initFacebook();
}, [initFacebook]);
return [fb, isReady];
};
export default useFacebook;
然后我可以像这样在不同的组件上重用它
const Login= ()=>{
const [FBInstance, isReady] = useFacebook();
return (<Button onClick()=>{
FBInstance.getLoginStatus(resp=>{ console.log(resp) })
}></Button>)
}
我从 react-facebook-login 中提取了代码并将其更新为使用钩子。
import {useEffect, useState} from 'react'
const _extends = Object.assign || function (target) {
for (let i = 1; i < arguments.length; i++) {
const source = arguments[i]
for (const key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key]
}
}
}
return target
}
const useFacebook = function () {
const appId = process.env.NEXT_PUBLIC_FACEBOOK_APP_ID
const [isReady, setIsReady] = useState(false)
const facebook = {
login: async () => {
const {authResponse, status} = await new Promise(resolve => window.FB.login(resolve, {scope: 'public_profile,email'}))
if (!authResponse) return {status}
return new Promise(resolve => window.FB.api('/me', {locale: 'en_US', fields: 'name,email,picture'}, me => {
_extends(me, authResponse)
resolve(me)
}))
}
}
useEffect(() => {
window.fbAsyncInit = function () {
FB.init({
appId,
autoLogAppEvents: true,
xfbml: true,
version: 'v8.0'
})
setIsReady(true)
};
(function (d, s, id) {
if (d.getElementById(id)) {
setIsReady(true)
return
}
const fjs = d.getElementsByTagName(s)[0]
const js = d.createElement(s)
js.id = id
js.src = `https://connect.facebook.net/en-US/sdk.js`
js.async = true
js.defer = true
fjs.parentNode.insertBefore(js, fjs)
})(document, 'script', 'facebook-jssdk')
}, [])
return [facebook, isReady]
}
export default useFacebook
如何使用：
const [facebook, isFacebookReady] = useFacebook()
const handleFacebookLogin = async () => {
const response = await facebook.login()
console.log(response)
}
<button type='button' onClick={handleFacebookLogin} disabled={!isFacebookReady}>Login with Facebook</button>
尝试使用此库：https://github.com/keppelen/react-facebook-login
工作非常简单：
import React from 'react';
import ReactDOM from 'react-dom';
import FacebookLogin from 'react-facebook-login';
const responseFacebook = (response) => {
console.log(response);
}
ReactDOM.render(
<FacebookLogin
appId="1088597931155576"
autoLoad={true}
callback={responseFacebook} />,
document.getElementById('demo')
);
在下面找到最简单的代码：
import React, { Component } from 'react';
import './App.css';
import FacebookLogin from 'react-facebook-login';
import GoogleLogin from 'react-google-login';
class App extends Component {
render() {
const responseFacebook = (response) => {
console.log(response);
}
const responseGoogle = (response) => {
console.log(response);
}
return (
<div className="App">
<h1>LOGIN WITH FACEBOOK AND GOOGLE</h1>
<FacebookLogin
appId="" //APP ID NOT CREATED YET
fields="name,email,picture"
callback={responseFacebook}
/>
<br />
<br />
<GoogleLogin
clientId="" //CLIENTID NOT CREATED YET
buttonText="LOGIN WITH GOOGLE"
onSuccess={responseGoogle}
onFailure={responseGoogle}
/>
</div>
);
}
}
export default App;
一个更简单的代码版本，使用 Facebook Javascript SDK for React（函数组件）开发人员。将此代码段添加到函数组件中，并返回一个指向fblogin()
对于愿意使用react-facebook-login模块的人来说，当我们需要比默认权限更多的权限时，它不起作用。登录后会使窗口崩溃。因此，只要您对简单的FB Auth集成感到满意，您就可以关注react-facebook-login，但是如果您需要通过Graph API访问用户的Instagram帐户，那么这可能会对您有所帮助。
注意： 这不会检查您的登录状态。如果您愿意，可以添加额外的代码段。
将其包含在您的index.html文件中
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/all.js"></script>
并在组件中添加此内容。
//declare a const
const FB = window.FB
async function fbLogin() {
await FB.init({
appId: '<APP ID>',
autoLogAppEvents: true,
xfbml: true,
version: 'v13.0'
});
FB.login(function (response) {
if (response.authResponse) {
console.log('Welcome! Fetching your information.... ');
FB.api('/me', function (response) {
console.log('Good to see you, ' + response.name + '.');
console.log('Complete response from Facebook', response)
FB.getLoginStatus(function (response) {
if (response.status === 'connected') {
let myaccesstoken = response.authResponse.accessToken
console.log('Access Token', myaccesstoken)
}
});
});
} else {
console.log('User cancelled login or did not fully authorize.');
}
// mention all your permissions here
}, { scope: 'public_profile,email,pages_show_list,instagram_basic' });
}
最后是一个按钮。
<button onClick={() => fbLogin()}>FB Login</button>
相关文章：
- 如何使用mysql数据库在node.js中登录API
- 使用Soundcloud API中的令牌保持登录状态
- 登录后无法使用 ACS REST API 发送推送通知
- 科尔多瓦脸书登录FB.api调用不起作用
- 如何使用已经存在的 REST API 后端在 Angular 应用程序中实现登录系统
- Wordpress REST API身份验证，无需登录页面
- Google Oauth2 使用 javascript API 登录不适用于 IE
- Google 使用 Javascript API 登录，无需触发弹出窗口
- 使用 reactjs 实现 Facebook API 登录
- 除了从环回 restful API 登录之外，无法获取或发布任何内容
- 使用脸书 API 登录
- 使用 PayPal API 登录:获取基本用户信息
- Cordova:使用javascript api登录facebook不起作用
- 如何在谷歌+ api登录后获得用户数据
- Facebook API登录和权限请求在Lightbox.这可能吗?
- 关于Facebook API登录按钮的问题(更多关于登录按钮的功能)
- 如何做facebook API登录使用锚标签链接使用Javascript功能?给定在<a href="&q
- 通过G+neneneba API登录不会;t将用户登录到YouTube上的正确帐户
- Javascript LinkedIn API 登录问题
- 谷歌+ API登录不返回电子邮件
