我在使验证工作流程工作方面遇到了一些困难。我试过JSO https://github.com/andreassolberg/jso/blob/master/README-getting-started.md
这是我的测试代码(忽略登录字段)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}"/>
<script type="text/javascript" src="/vendor/jso/build/jso.js"></script>
</head>
<body>
<form action="" name="login" method="post">
login: <input type="text" name="user"><br>
password: <input type="password" name="password">
<input type="submit" value="Submit" id="submit">
</form>
<input type="button" value="Get Token" id="get_token">
<input type="button" value="Clear Token" id="clear_token">
<input type="button" value="Dump" id="dump">
<input type="button" value="Fetch" id="fetch">
<input type="button" value="Callback" id="callback">
<script type="text/javascript" src="/vendor/jquery/dist/jquery.min.js"></script>
<script>
$(document).ready(function () {
var jso;
$.getJSON('parameters.json', function (data) {
jso = new JSO({
providerID: "movieApp",
client_id: data['backend-api']['client_id'],
redirect_uri: window.location.href,
authorization: "http://" + data['backend-api']['host'] + "/oauth/v2/auth",
scopes: {request: ["https://www.googleapis.com/auth/userinfo.profile"]}
});
console.log(data['backend-api']['host']);
});
JSO.enablejQuery($);
$('#get_token').click(function () {
jso.getToken(function (token) {
console.log("I got the token: ", token);
});
});
$('#clear_token').click(function () {
jso.wipeTokens()
});
$('#callback').click(function () {
jso.callback()
});
$('#dump').click(function () {
alert(jso.dump());
});
$('#fetch').click(function () {
jso.ajax({
url: "http://movie-app.localhost/app_dev.php/showtimes/2014-09-27",
dataType: 'json',
//crossDomain: true,
success: function (data) {
console.log("Response (google):");
console.log(data);
}
});
});
});
</script>
</body>
</html>
我不确定我是否已正确使用工作流,因为每次我想从URL获取数据时我需要授权使用api。
我想我第一次尝试获取需要授权的数据,但后来我使用了令牌,但它并没有以我的代码方式工作。
有人可以举一个很好的例子,说明如何使用JSO,Hello.js或任何其他Javascript客户端代码与FosOAuthServerBundle