認証ワークフローを機能させるのにいくつかの困難があります。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 を使用するための承認を与える必要があるため、ワークフローが正しいかどうかはわかりません。
承認する必要があるデータを初めてフェッチしようとしたとき、トークンを使用しましたが、コードではこのように機能しません。
FosOAuthServerBundleでJSO、Hello.js、またはその他のJavascriptクライアントコードを使用する方法の良い例を教えてください。