谷歌日历添加事件停止工作

时间:2018-01-31 11:22:02

标签: javascript google-calendar-api

你好所有stackoverlower的

我正在体验一个带有谷歌日历的守夜人的情景 我使用javascript实现了它,如the quickstart guide

中所述

但现在它只是停止了工作而没有改变任何事情 heer是我的quickstart.html的代码

    <!DOCTYPE html>
<html>
<head>
    <title>Say hello using the People API</title>
    <meta charset='utf-8' />
</head>
<body>
<p>Say hello using the People API.</p>

<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize-button" style="display: none;">Autoriser </button>
<button id="signout-button" style="display: none;">se deconecter</button>

<div id="content"></div>
<pre id="output"></pre>
<script type="text/javascript">
    console.log('im execusted');
    var dateaud = localStorage.getItem("date1")
    var jDate = new Date(dateaud);
    var nd = jDate.toISOString();
    var numdossier = localStorage.getItem("casenumber");
    var notes = localStorage.getItem("notes");
    var summary = numdossier + ' ' +notes ;

    // Enter an API key from the Google API Console:
    //   https://console.developers.google.com/apis/credentials?project=_
    var apiKey = 'mykey';
    // cette clé est dispo via creer api key
    // Enter a client ID for a web application from the Google API Console:
    //   https://console.developers.google.com/apis/credentials?project=_
    // In your API Console project, add a JavaScript origin that corresponds
    //   to the domain where you will be running the script.
    var clientId = 'myclientid';
    // Enter one or more authorization scopes. Refer to the documentation for
    // the API or https://developers.google.com/identity/protocols/googlescopes
    // for details.
    var scopes = 'https://www.googleapis.com/auth/calendar';
    var auth2; // The Sign-In object.
    var authorizeButton = document.getElementById('authorize-button');
    var signoutButton = document.getElementById('signout-button');
    function handleClientLoad() {
        // Load the API client and auth library
        gapi.load('client:auth2', initAuth);
    }
    function initAuth() {
        gapi.client.setApiKey(apiKey);
        gapi.auth2.init({
            client_id: clientId,
            scope: scopes
        }).then(function () {
            auth2 = gapi.auth2.getAuthInstance();
            // Listen for sign-in state changes.
            auth2.isSignedIn.listen(updateSigninStatus);
            // Handle the initial sign-in state.
            updateSigninStatus(auth2.isSignedIn.get());
            authorizeButton.onclick = handleAuthClick;
            signoutButton.onclick = handleSignoutClick;
        });
    }
    function updateSigninStatus(isSignedIn) {
        if (isSignedIn) {
            authorizeButton.style.display = 'none';
            signoutButton.style.display = 'block';
            makeApiCall();
        } else {
            authorizeButton.style.display = 'block';
            signoutButton.style.display = 'none';
        }
    }
    function handleAuthClick(event) {
        auth2.signIn();
    }
    function handleSignoutClick(event) {
        auth2.signOut();
    }
    // Load the API and make an API call.  Display the results on the screen.
    function makeApiCall() {
        gapi.client.load('calendar', 'v3', function() {
            var event = {
                'summary': summary,
                'description': notes,
                'start': {
                    'dateTime': nd,
                    'timeZone': 'Africa/Casablanca'
                },
                'end': {
                    'dateTime': nd,
                    'timeZone': 'Africa/Casablanca'
                }
            };


            var request = gapi.client.calendar.events.insert({
                'calendarId': 'primary',
                'resource': event
            });

            request.execute(function(event) {
                alert(nd);
                appendPre('événement crée avec succée .: ' + event.htmlLink);
            });

        });
    }
    function appendPre(message) {
        var pre = document.getElementById('output');
        var textContent = document.createTextNode(message + '\n');
        pre.appendChild(textContent);
    }
</script>
<script src="https://apis.google.com/js/api.js?onload=handleClientLoad"></script>
</body>
</html>

但是现在当我使用此代码调用此网址并使用参数填充相关内容时,我将调整此参数:

<script>
function addcal(){
    var date1=document.getElementById('date1').value;
    var casenumber=document.getElementById("casenumber").innerText;
    var notes=document.getElementById("notes").value;
    var resultat=document.getElementById('resultat');
    localStorage.setItem('date1', date1);
    localStorage.setItem('casenumber', casenumber);
    localStorage.setItem('notes', notes);
    localStorage.setItem('resultat', resultat);

    window.open('http://mywebsie.com/quickstart.html', 'newwindow', 'width=600, height=400');


}

这是我得到的'空白页',在显示源代码时没有html代码。没有错误没有javascript错误

任何帮助,请

1 个答案:

答案 0 :(得分:0)

好消息

问题来自nginx,在服务器上它被设置为apache的代理,因此解决它问题解决了我的问题。

enter image description here