Я пытаюсь отправить гугл календарь приглашению друзей, и жду, пока они его примут. Я пытаюсь добиться этого в React.
вот как я пытался:
- вставить это в тег заголовка в index.html
<script src="https://apis.google.com/js/client.js"></script>
в моем компоненте реагирования вызвать приглашение с помощью нажатия кнопки
var CLIENT_ID = "904019357944-hvdes4k1nZZZZZZZZZZZZbp82aj6o.apps.googleusercontent.com";
var API_KEY = 'AIzaSyZZZZZhchNOYLjTL8ZZoeA9meSfLos';
var DISCOVERY_DOCS = ['https://www.googleapis.com/discovery/v1/apis/calendar/v3/rest'];
var SCOPES = 'https://www.googleapis.com/auth/calendar';
var event = {
'summary': 'Google I/O 2015',
'location': '800 Howard St., San Francisco, CA 94103',
'description': 'A chance to hear more about Google\'s developer products.',
'start': {
'dateTime': '2019-11-28T09:00:00-07:00',
'timeZone': 'America/Los_Angeles'
},
'end': {
'dateTime': '2019-11-28T17:00:00-07:00',
'timeZone': 'America/Los_Angeles'
},
'recurrence': [
'RRULE:FREQ=DAILY;COUNT=2'
],
'attendees': [
{'email': 'myemail@gmail.com'},
],
'reminders': {
'useDefault': false,
'overrides': [
{'method': 'email', 'minutes': 24 * 60},
{'method': 'popup', 'minutes': 10}
]
}
};
class Dashboard extends Component {
createCalEventButton = () => {
window.gapi.client.init({
apiKey: API_KEY,
clientId: CLIENT_ID,
discoveryDocs: DISCOVERY_DOCS,
scopes: SCOPES
}).then(function() {
var request = window.gapi.client.calendar.events.insert({
'calendarId': 'primary',
'resource': event
});
request.execute(function(event) {
console.log('Event created: ' + event.htmlLink);
});
console.log('success gcal!');
}, function(error) {
console.log('hello', error);
});
}
render() {
return(
<div>
<a className="waves-effect waves-light btn" onClick={this.createCalEventButton}>Group</a>
</div>
);
}
}
Вот что вернула моя консоль:
client_id and scope must both be provided to initialize OAuth.
Dashboard.js:95
success gcal!
VM211:1 POST https://content.googleapis.com/calendar/v3/calendars/primary/events?alt=json&key=AIzaSyDibYHKhchNOYLjTL8I-DB7oeA9meSfLos 401
Event created: undefined
Честно говоря, я понятия не имею, что яделаю, так как пример на странице Google в Javascript, а не специально для React: /
Я только хочу отправить приглашение, мне все еще нужно авторизоваться? Если да, то как мне авторизоваться?