Estoy trabajando con el API de Google y necesito que los usuarios puedan crear eventos en mi calendario, para esto utilicé el protocolo de "Using OAuth 2.0 for Server to Server Applications", después de mucha búsqueda lo más lejos que he llegado ha sido con la ayuda del código en este tema How can I retrieve a service account OAuth2 token from Google Api with Javascript?
En esta logro obtener el token pero ahí estoy estancado ya que no se para dónde más avanzar.
El código que tengo actualmente es el siguiente:
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script src="jsrsasign-all-min.js"></script>
<script src="https://apis.google.com/js/platform.js?onload=onLoadCallback" async defer></script>
<script type="text/javascript">
$(document).ready(function(){
function postJWT(jwt, callback) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4) {
if (this.status == 200 && callback) {
alert('OK');
callback(this.responseText);
return;
}
if (console) console.log(this.responseText);
}
};
var parameters = "grant_type=" +
encodeURIComponent("urn:ietf:params:oauth:grant-type:jwt-bearer") +
"&assertion=" + encodeURIComponent(jwt);
xhttp.open("POST", "https://www.googleapis.com/oauth2/v4/token", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send(parameters);
}
function getCert() {
var cert = //your json key (downloaded earlier) goes here
{
"type": "service_account",
"project_id": "service-to-service-1",
"private_key_id": "5f2c3565f...ad638c64c2f32f66f2",
"private_key": "-----BEGIN PRIVATE KEY-----\ --END PRIVATE KEY-----\n",
"client_email": "[email protected]",
"client_id": "XXXX",
"auth_uri": "https://accounts.google.com/o/oauth2/auth",
"token_uri": "https://accounts.google.com/o/oauth2/token",
"auth_provider_x509_cert_url":
"https://www.googleapis.com/oauth2/v1/certs",
"client_x509_cert_url":
"https://www.googleapis.com/robot/v1/metadata/x509/calendario%40service-to-service-1.iam.gserviceaccount.com"
};
return cert;
}
function getJWT() {
var cert = getCert();
var key = KEYUTIL.getKey(cert.private_key);
var headers = { "alg": "RS256", "typ": "JWT" };
var issued = Math.floor(new Date().getTime()/1000);
var claims = {
"iss": cert.client_email,
"scope": "https://www.googleapis.com/auth/calendar",
"aud": "https://www.googleapis.com/oauth2/v4/token",
"exp": issued + 3600,
"iat": issued
};
var jwt = KJUR.jws.JWS.sign(headers.alg, headers,
JSON.stringify(claims), key);
return jwt;
}
function handleClientLoad(token) {
gapi.load('client:auth2', initClient(token));
}
function initClient(tokenObject) {
gapi.client.setToken(tokenObject)
}
var calendarId = $( "#calendarId" ).val();
var summary = $( "#summary" ).val();
var dateTimeEnd = $( "#dateTimeEnd" ).val();
var dateTimeStart = $( "#dateTimeStart" ).val();
var timeZone = $( "#timeZone" ).val();
$("p").click(function(){
var jwt = getJWT();
postJWT(jwt, function(response){
let token = JSON.parse(response).access_token;
var event = {
//"kind": "calendar#event",
'summary': summary,
'start': {
'dateTime': dateTimeStart,
'timeZone': timeZone
},
'end': {
'dateTime': dateTimeEnd,
'timeZone': timeZone
},
};
var request = gapi.client.calendar.events.insert({
'calendarId': 'primary',
'resource': event
});
request.execute(function(event) {
appendPre('Event created: ' + event.htmlLink);
});
});
});
</script>
Los datos los espero tomar de un un formulario
<form action="https://www.googleapis.com/calendar/v3/calendars/calendarId/events" method="post" id="idFormulario">
<input type="hidden" name="summary" id="summary" value="Prueba1">
<input type="hidden" name="dateTimeEnd" id="dateTimeEnd" value="2018-08-05T13:00:00-05:00">
<input type="hidden" name="dateTimeStart" id="dateTimeStart" value="2018-08-05T14:00:00-05:00">
<input type="hidden" name="timeZone" id="timeZone" value="America/Bogota">
</form>
<p>ENVIAR</p>
Y por el momento cuándo le doy a enviar me da el siguiente error "Uncaught TypeError: Cannot read property 'calendar' of undefined".
Espero me puedan ayudar, muchas gracias.