Hướng dẫn how do i get data from google sheets to javascript? - làm cách nào để chuyển dữ liệu từ google sheet sang javascript?

Hoàn thành các bước được mô tả trong phần còn lại của trang này để tạo một ứng dụng web JavaScript đơn giản thực hiện các yêu cầu cho API Google Sheets.

Điều kiện tiên quyết

Để chạy nhanh này, bạn cần các điều kiện tiên quyết sau:

• Python 2.4 trở lên (để cung cấp máy chủ web)
• Một dự án nền tảng Google Cloud với API được bật. Để tạo dự án và bật API, hãy tham khảo tạo dự án và bật API

• Thông tin ủy quyền cho một ứng dụng máy tính để bàn. Để tìm hiểu cách tạo thông tin đăng nhập cho ứng dụng máy tính để bàn, hãy tham khảo Tạo thông tin đăng nhập.

• Một tài khoản Google

Bước 1: Thiết lập mẫu

Để thiết lập mẫu:

1. Trong thư mục làm việc của bạn, tạo một tệp có tên index.html.

2. Bao gồm mã sau trong index.html:

3. Trong mã, hãy thay thế <YOUR_CLIENT_ID> bằng ID máy khách bạn đã tạo như một điều kiện tiên quyết cho bản khởi động nhanh này.

4. Trong mã, thay thế <YOUR_API_KEY> bằng khóa API mà bạn đã tạo như một điều kiện tiên quyết cho bản khởi động nhanh này.

Bước 2: Chạy mẫu

Để chạy mẫu:

1. Bắt đầu máy chủ web bằng lệnh sau từ thư mục làm việc của bạn:

python -m SimpleHTTPServer 8000

python -m http.server 8000

1. Trong trình duyệt của bạn, điều hướng đến http://localhost:8000.

2. (không bắt buộc). Nếu đây là lần đầu tiên bạn chạy mẫu, mẫu sẽ mở màn hình đồng ý OAuth khiến bạn ủy quyền cho ứng dụng truy cập dữ liệu của bạn thay mặt bạn:

   1. Nếu bạn chưa đăng nhập vào tài khoản Google của mình, bạn sẽ được nhắc đăng nhập. Nếu bạn đã đăng nhập vào nhiều tài khoản Google, bạn được yêu cầu chọn một tài khoản để sử dụng để cho phép.

   2. Nhấp vào Chấp nhận. Ứng dụng được ủy quyền để truy cập dữ liệu của bạn.Accept. The app is authorized to access your data.

3. Các mẫu thực thi.

Nếu bạn có vấn đề, hãy tham khảo cách khắc phục sự cố phần mẫu.

Khắc phục sự cố mẫu

Phần này mô tả một số vấn đề phổ biến mà bạn có thể gặp phải trong khi cố gắng chạy nhanh này.

Error: origin_mismatch

Lỗi này xảy ra trong luồng ủy quyền nếu máy chủ và cổng được sử dụng để phục vụ trang web không khớp với nguồn gốc JavaScript được phép trên dự án bảng điều khiển Google Developers của bạn. Hãy chắc chắn rằng bạn đặt nguồn gốc JavaScript được ủy quyền và URL trong trình duyệt của bạn khớp với URL của Origin.

idpiframe_initialization_failed: Failed to read the 'localStorage' property from 'Window'

Lỗi này xảy ra khi cookie của bên thứ 3 và lưu trữ dữ liệu không được bật trong trình duyệt của bạn. Các tùy chọn này được yêu cầu bởi Thư viện đăng nhập Google. Để biết thêm thông tin, hãy tham khảo cookie của bên thứ 3 và lưu trữ dữ liệu.

idpiframe_initialization_failed: Not a valid origin for the client

Lỗi này xảy ra khi tên miền được đăng ký là điều kiện tiên quyết không khớp với tên miền được sử dụng để lưu trữ trang web. Đảm bảo rằng nguồn gốc bạn đã đăng ký dưới dạng điều kiện tiên quyết phù hợp với URL trong trình duyệt.

python -m http.server 8000 0

Nếu màn hình đồng ý OAuth hiển thị cảnh báo "Ứng dụng này không được xác minh", ứng dụng của bạn đang yêu cầu phạm vi cung cấp quyền truy cập vào dữ liệu người dùng nhạy cảm. Nếu ứng dụng của bạn sử dụng phạm vi nhạy cảm, ứng dụng của bạn phải trải qua quá trình xác minh để xóa cảnh báo đó và các hạn chế khác. Trong giai đoạn phát triển, bạn có thể tiếp tục vượt qua cảnh báo này bằng cách chọn nâng cao> Chuyển đến {Tên dự án} (không an toàn).Advanced > Go to {Project Name} (unsafe).

đọc thêm

Để biết thêm thông tin về API được sử dụng trong QuickStart này, hãy tham khảo thư viện máy khách API của Google cho phần JavaScript của GitHub.