отправить приглашение с Google Calendar API и React JS - PullRequest
0 голосов
/ 28 октября 2019

Я пытаюсь отправить гугл календарь приглашению друзей, и жду, пока они его примут. Я пытаюсь добиться этого в React.

вот как я пытался:

  1. вставить это в тег заголовка в 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: /

Я только хочу отправить приглашение, мне все еще нужно авторизоваться? Если да, то как мне авторизоваться?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...