Hướng dẫn how do i use google calendar api in html? - làm cách nào để sử dụng google lịch api trong html?

  • Nhà
  • Hướng dẫn
  • Tài liệu tham khảo
  • Ủng hộ

Giữ tổ chức với các bộ sưu tập lưu và phân loại nội dung dựa trên sở thích của bạn. Save and categorize content based on your preferences.

QuickStarts Giải thích cách thiết lập và chạy một ứng dụng gọi API không gian làm việc của Google.

Google Workspace QuickStarts Sử dụng các thư viện máy khách API để xử lý một số chi tiết về luồng xác thực và ủy quyền. Chúng tôi khuyên bạn nên sử dụng các thư viện máy khách cho các ứng dụng của riêng bạn. Trước khi bạn có thể chạy ứng dụng mẫu, mỗi lần khởi động lại yêu cầu bạn bật xác thực và ủy quyền. Nếu bạn không quen thuộc với xác thực và ủy quyền cho API không gian làm việc của Google, hãy đọc tổng quan xác thực và ủy quyền.

Tạo một ứng dụng dòng lệnh JavaScript thực hiện các yêu cầu cho API Lịch Google.

Mục tiêu

  • Thiết lập môi trường của bạn.
  • Thiết lập mẫu.
  • Chạy mẫu.

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

  • Python 2.4 trở lên
  • Một dự án Google Cloud.
  • Một tài khoản Google với Lịch Google được bật.

Thiết lập môi trường của bạn

Để hoàn thành bản khởi động nhanh này, hãy thiết lập môi trường của bạn.

Bật API

Trước khi sử dụng API của Google, bạn cần kích hoạt chúng trong dự án Google Cloud. Bạn có thể bật một hoặc nhiều API trong một dự án Google Cloud duy nhất.

  • Trong bảng điều khiển Google Cloud, bật API Lịch Google.

    Bật API

Trước khi sử dụng API của Google, bạn cần kích hoạt chúng trong dự án Google Cloud. Bạn có thể bật một hoặc nhiều API trong một dự án Google Cloud duy nhất.

  1. Trong bảng điều khiển Google Cloud, bật API Lịch Google.
  2. Để xác thực với tư cách là người dùng cuối và truy cập dữ liệu người dùng trong ứng dụng của bạn, bạn cần tạo một hoặc nhiều ID máy khách OAuth 2.0. ID máy khách được sử dụng để xác định một ứng dụng duy nhất cho các máy chủ OAuth của Google. Nếu ứng dụng của bạn chạy trên nhiều nền tảng, bạn phải tạo một ID máy khách riêng cho mỗi nền tảng.> APIs & Services > Credentials.
  3. Mở bảng điều khiển Google Cloud.Create Credentials > OAuth client ID.
  4. Ở phía trên bên trái, nhấp vào Menu> API & Dịch vụ> Thông tin đăng nhập.Application type > Web application.
  5. Nhấp vào Tạo thông tin đăng nhập> ID máy khách OAuth.
  6. Nhấp vào loại ứng dụng> Ứng dụng web.
    • Trong trường "Tên", nhập tên cho thông tin xác thực. Tên này chỉ được hiển thị trong bảng điều khiển Google Cloud. – Under Authorized JavaScript origins, click Add URI. Then, enter a URI to use for browser requests. This identifies the domains from which your application can send API requests to the OAuth 2.0 server.
    • Thêm URI được ủy quyền liên quan đến ứng dụng của bạn: – Under "Authorized redirect URIs," click Add URI. Then, enter an endpoint URI to which the OAuth 2.0 server can send responses.
  7. Ứng dụng phía máy khách [JavaScript]-& NBSP; theo nguồn gốc JavaScript được ủy quyền, nhấp vào Thêm URI. Sau đó, nhập một URI để sử dụng cho các yêu cầu trình duyệt. Điều này xác định các tên miền mà ứng dụng của bạn có thể gửi yêu cầu API đến máy chủ OAuth 2.0.Create. The OAuth client created screen appears, showing your new Client ID and Client secret.
  8. Các ứng dụng phía máy chủ [Java, Python, .Net, và nhiều hơn nữa]-& nbsp; theo "URI chuyển hướng ủy quyền", nhấp vào thêm URI. Sau đó, nhập một URI điểm cuối mà máy chủ OAuth 2.0 có thể gửi phản hồi.
  9. Nhấp vào Tạo. Màn hình OAuth đã tạo ra xuất hiện, hiển thị ID máy khách và bí mật khách hàng mới của bạn.OK. The newly created credential appears under "OAuth 2.0 Client IDs."
  10. Lưu ý ID máy khách. Bí mật của khách hàng không được sử dụng cho các ứng dụng web.

Bấm OK. Thông tin xác thực mới được tạo xuất hiện trong "ID máy khách OAuth 2.0".

Tùy chọn: Nếu bạn đang tạo thông tin đăng nhập như một điều kiện tiên quyết cho JavaScript QuickStart, bạn cũng phải tạo khóa API.

  1. Ghi lại các thông tin này vì bạn cần chúng sau này trong QuickStart này.
  2. Thiết lập mẫu

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

    • Trong tệp index.html, dán mã mẫu sau:
    • Thay thế những điều sau:

YOUR_CLIENT_ID: ID máy khách mà bạn đã tạo khi bạn ủy quyền thông tin đăng nhập cho một ứng dụng web.

  1. YOUR_API_KEY: Khóa API mà bạn đã tạo như một điều kiện tiên quyết.

    Chạy mẫu

    python -m SimpleHTTPServer 8000
    

    Trong thư mục làm việc của bạn, hãy khởi động một máy chủ web:

    python3 -m http.server 8000
    

  2. Python 2.x

  3. Python 3.x

    1. Trong trình duyệt của bạn, điều hướng đến //localhost:8000.
    2. Lần đầu tiên bạn chạy mẫu, nó sẽ nhắc bạn cho phép truy cập:Accept.
    3. Nếu bạn chưa đăng nhập vào tài khoản Google của mình, bạn được nhắc đăng nhập. Nếu bạn đã đăng nhập vào nhiều tài khoản, hãy chọn một tài khoản để sử dụng để ủy quyền.

    Nhấp vào Chấp nhận.

Sao chép mã từ trình duyệt, dán nó vào dấu nhắc dòng lệnh và nhấn Enter.

Thông tin ủy quyền được lưu trữ trong hệ thống tệp, vì vậy lần tới khi bạn chạy mã mẫu, bạn không được nhắc về ủy quyền.

  • Bạn đã tạo thành công ứng dụng JavaScript đầu tiên của mình để thực hiện các yêu cầu cho API Lịch Google.
  • Bước tiếp theo
  • Tạo sự kiện
  • Khắc phục sự cố xác thực và ủy quyền

Tài liệu tham khảo API lịch

google-api-javascript-client Phần của GitHub

Trừ khi có ghi chú khác, nội dung của trang này được cấp phép theo giấy phép Creative Commons Attribution 4.0 và các mẫu mã được cấp phép theo giấy phép Apache 2.0. Để biết chi tiết, xem chính sách trang web của nhà phát triển Google. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các chi nhánh của nó.

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

Ủy quyền thông tin đăng nhập cho một ứng dụng web..
Mở bảng điều khiển Google Cloud ..
Ở trên cùng bên trái, nhấp vào menu menu> APIS & Services> Thông tin đăng nhập ..
Nhấp vào Tạo thông tin đăng nhập> ID máy khách OAuth ..
Nhấp vào loại ứng dụng> Ứng dụng web ..
Trong trường "Tên", nhập tên cho thông tin xác thực. ....
Thêm URI được ủy quyền liên quan đến ứng dụng của bạn:.

Làm cách nào để tích hợp API Lịch Google?

Kích hoạt API lịch..
Bước đầu tiên là truy cập bảng điều khiển API của Google và chọn một dự án hiện có hoặc tạo một dự án mới ..
Sau đó chọn nút "Bật API và Dịch vụ" ..
Nhập "Lịch" vào hộp tìm kiếm ..
Nhấp vào "API lịch Google".
Nhấp vào "Bật".

Bạn có thể làm gì với API Lịch Google?

API lịch cho phép bạn tích hợp ứng dụng của mình với Lịch Google, tạo ra các cách mới để bạn thu hút người dùng.integrate your app with Google Calendar, creating new ways for you to engage your users.

Làm cách nào để tạo một sự kiện lịch trong HTML?

Đọc thêm trong hướng dẫn lịch tài nguyên cho JavaScript, Angular, React và Vue ...
Bước 1: Lịch sự kiện Thư viện JavaScript.Bao gồm DayPilot-All.....
Bước 2: Người giữ chỗ theo lịch sự kiện.....
Bước 3: Khởi tạo bộ lập lịch.....
Bước 4: Tải dữ liệu.....
Bước 5: Sự kiện di chuyển.....
Bước 6: Chỉnh sửa sự kiện.....
Bước 7: Áp dụng chủ đề CSS ..

Bài Viết Liên Quan

Chủ Đề