創建Google登錄頁面以訪問服務

我需要構建一個連接到Google日曆並獲取指定事件集的小型Web應用程序。我已閱讀documentation，並且我知道我需要將用戶身份驗證到我在Google Developer控制檯上創建的應用。創建Google登錄頁面以訪問服務

我想實現一個彈出窗口的身份驗證（我正在使用fancybox爲此）。這是<div>在登錄數據雲：<div id="login-popup" style="display:none"></div>

這是JS代碼我使用調用auth.php文件：

$.get("/auth.php", function(result) { 
      $('#login-popup').append(result); 
      $.fancybox({ 
       href: "#login-popup", 
       autoSize: true, 
       width: "60%", 
       fitToView: true 
      }); 
     });

最後這是發送的PHP代碼GET請求，谷歌的API：

$ch = curl_init(); 
if($ch) { 
    curl_setopt($ch, CURLOPT_HTTPHEADER, array('Content-Type: text/plain')); 
    curl_setopt($ch, CURLOPT_HTTPGET, true); 
    curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true); 
    curl_setopt($ch, CURLOPT_URL, $query); 
    $result = curl_exec($ch); 

    curl_close($ch); 
} 
else { 
    throw new RuntimeException("Hiba történt a távoli adatok elérése közben!"); 
} 
echo json_encode($result);

所以這個彈出後，此出現，因爲它應該是：

enter image description here