Google trang tính API góc

git clone //github.com/googleworkspace/sheets-api-codelab.git

npm start

npm install

npm start

Cuối cùng, kết nối các nút tạo bảng tính và đồng bộ hóa bảng tính. Thêm đoạn mã sau vào

$[function[] {
  $['button[rel="create"]'].click[function[] {
    makeRequest['POST', '/spreadsheets', function[err, spreadsheet] {
      if [err] return showError[err];
      window.location.reload[];
    }];
  }];
  $['button[rel="sync"]'].click[function[] {
    var spreadsheetId = $[this].data['spreadsheetid'];
    var url = '/spreadsheets/' + spreadsheetId + '/sync';
    makeRequest['POST', url, function[err] {
      if [err] return showError[err];
      showMessage['Sync complete.'];
    }];
  }];
}];

function makeRequest[method, url, callback] {
  var auth = gapi.auth2.getAuthInstance[];
  if [!auth.isSignedIn.get[]] {
    return callback[new Error['Signin required.']];
  }
  var accessToken = auth.currentUser.get[].getAuthResponse[].access_token;
  setSpinnerActive[true];
  $.ajax[url, {
    method: method,
    headers: {
      'Authorization': 'Bearer ' + accessToken
    },
    success: function[response] {
      setSpinnerActive[false];
      return callback[null, response];
    },
    error: function[response] {
      setSpinnerActive[false];
      return callback[new Error[response.responseJSON.message]];
    }
  }];
}

Lưu trữ thông tin xác thực

Trong ứng dụng mẫu này, chúng tôi sẽ chuyển mã thông báo truy cập OAuth2 đến chương trình phụ trợ với mỗi lần nhấp vào nút. Trong một ứng dụng thực tế, hãy xem xét lưu trữ thông tin đăng nhập trong phiên của người dùng được xác thực để truy xuất dễ dàng hơn trong phần phụ trợ

Tải lại ứng dụng trong trình duyệt của bạn. Phần bảng tính mới bây giờ sẽ xuất hiện trên màn hình

{{name}} Sync {{/each}} 3

npm start

Cuối cùng, thêm các chức năng sau vào tệp để tạo yêu cầu xây dựng bảng tổng hợp, định dạng kết quả và thêm biểu đồ

npm start

Tải lại ứng dụng trong trình duyệt của bạn và nhấp vào Tạo. Bảng tính kết quả phải có một trang tính mới chứa bảng tổng hợp và biểu đồ trống

Nhấn Sync để thêm dữ liệu vào bảng tính. Bảng tổng hợp và biểu đồ cũng được điền dữ liệu

11. Chúc mừng

Bạn đã sửa đổi thành công một ứng dụng để xuất dữ liệu sang Google Trang tính. Giờ đây, người dùng có thể tạo báo cáo và trang tổng quan tùy chỉnh trên dữ liệu của bạn mà không cần bất kỳ mã bổ sung nào và tất cả vẫn được đồng bộ hóa khi dữ liệu thay đổi

Làm cách nào để thêm Google API vào Angular?

Tôi có thể sử dụng Google Trang tính làm API không?

Làm cách nào để tích hợp góc cạnh với Google Trang tính?

Việc sử dụng Google Sheets API có miễn phí không?