javascript - 在 Meteor 中加载 Google JavaScript 客户端库

Question

我正在尝试加载 Google 客户端库以在我的 Meteor 应用程序中使用 Google 日历，但我的回调 (onload=handleClientLoad) 函数没有执行。从简单的 HTML +JavaScript 应用程序使用时也是如此。我还在 Google 授权网址中注册了我的 Meteor 应用程序网址 localhost:3000。

Template.hello.events({
    'click button': function () {
        callGoogle();
    }
});


function callGoogle() {
    jQuery.ajax({
        url: 'https://apis.google.com/js/client.js?onload=handleClientLoad',
        dataType: 'script',
        success: function () {
            console.log("Success");

        },
        error: function (e) {
            console.log("Error")
        },
        async: true
    });

    return false;
}

//This function is not executing
function handleClientLoad() {
    console.log("handleClientLoad");

    gapi.client.setApiKey(apiKey);
    window.setTimeout(checkAuth, 2);
}

function checkAuth() {
    gapi.auth.authorize({
        client_id: clientId,
        scope: scopes,
        immediate: false
    }, handleAuthResult);
}

function handleAuthResult(authResult) {

    console.log("authResult", authResult);
    if (authResult && !authResult.error) {
        gapi.client.load('calendar', 'v3', listUpcomingEvents);
    }
}

function listUpcomingEvents() {
    var request = gapi.client.calendar.events.list({
        'calendarId': 'primary',
        'timeMin': (new Date()).toISOString(),
        'showDeleted': false,
        'singleEvents': true,
        'maxResults': 10,
        'orderBy': 'startTime'
    });

Answer 1

您需要将函数导出到全局范围:

handleClientLoad = function() {
  console.log("handleClientLoad");
  gapi.client.setApiKey(apiKey);
  window.setTimeout(checkAuth, 2);
};