Bạn đang xem : cách tích hợp api của bên thứ 3 trong wordpress

Tích hợp API của bên thứ 3 với WordPress

Cho dù bạn muốn hiển thị các vị trí trên trang web của mình bằng bản đồ do Google cung cấp, hãy liệt kê các sự kiện từ trang Buổi họp mặt (giống như chúng tôi thực hiện trên trang web của mình trong tiêu đề của mỗi trang) hoặc tùy chỉnh cách hiển thị nguồn cấp dữ liệu mạng xã hội, API sẽ cho phép bạn truy xuất và sử dụng dữ liệu được lưu trữ ở nơi khác trên web trong trang web WordPress của bạn.

API là gì?

API là viết tắt của Giao diện lập trình ứng dụng. Như video bên dưới giải thích, một API giống như người phục vụ mang thông tin và món ăn qua lại nhà bếp – nó cho phép các ứng dụng khác nhau trên web gửi và nhận dữ liệu.

Thuật ngữ API có liên quan

Dưới đây là bảng chú giải thuật ngữ mà bạn muốn biết khi chúng ta tìm hiểu sâu hơn về nội dung của bài đăng này:

  • Khóa API
    Khóa API là mã ủy quyền được chuyển trong một yêu cầu API thông qua tiêu đề hoặc tham số URL, xác định người yêu cầu và thiết lập rằng họ có khả năng truy xuất dữ liệu được yêu cầu.
  • Xác thực
    Xác thực là quá trình xác định người dùng API, thông qua (các) Khóa API, như được định nghĩa ở trên hoặc bằng OAuth (xem bên dưới).
  • Máy khách
    Máy khách là ứng dụng hoặc người yêu cầu bắt đầu truy xuất dữ liệu.
  • Điểm cuối
    Địa chỉ web (URI) chính xác trỏ đến chức năng API được yêu cầu.
  • JSON
    JSON là viết tắt của Javascript Object Notation. Đây là định dạng dữ liệu thường được sử dụng cho các yêu cầu API.
  • OAuth
    OAuth là viết tắt của Ủy quyền tiêu chuẩn mở. OAuth là một phương thức xác thực thay thế cấp quyền truy cập mà không cần chia sẻ trực tiếp thông tin đăng nhập (ngược lại với Khóa API).
  • REST
    Chuyển trạng thái biểu diễn một phương thức được chuẩn hóa để tương tác với các tài nguyên thông qua các phương thức HTTP:
    • Nhận – truy xuất tài nguyên
    • Đăng – tạo tài nguyên
    • Đặt – cập nhật tài nguyên
    • Xóa – xóa tài nguyên

Ví dụ về tích hợp API trong WordPress

Như đã đề cập trong video ở trên, tích hợp API có ở khắp mọi nơi. Họ đang cung cấp năng lượng cho các kết nối cho phép bạn kiểm tra thời tiết mà không cần rời khỏi kết quả tìm kiếm của Google và hiển thị các bài đăng từ nguồn cấp dữ liệu truyền thông xã hội của bạn (hoặc khách hàng của bạn) trên trang web của bạn / của họ. Dưới đây là một ví dụ phổ biến, hình ảnh từ nguồn cấp dữ liệu Instagram của tôi được nhúng vào chân trang của trang web cá nhân của tôi :

Loại tích hợp này phổ biến đến mức chúng tôi thậm chí không nghĩ đến điều gì sẽ cung cấp năng lượng cho nó. Trong trường hợp của WordPress, chúng tôi chỉ cần cài đặt một plugin (plugin này là WP Instagram Widget ), định cấu hình một vài cài đặt và mọi thứ đều hoạt động tốt. Nhưng chúng ta phải làm gì nếu một plugin không tồn tại để lấy dữ liệu chúng ta muốn? Đây là nơi bạn có thể mở rộng kỹ năng của nhà phát triển và xây dựng khả năng tích hợp của riêng bạn!

Hiển thị các buổi gặp mặt sắp tới từ Meetup.com

Ngay tại đây trên trang web của chúng tôi, bạn có thể xem một ví dụ về tích hợp API đơn giản:

Các sự kiện sắp tới được lấy từ API của Meetup.com và, với một mã ngắn, được hiển thị trong một khu vực tiện ích trên trang web của chúng tôi. Mã ngắn là một phần của plugin chức năng cốt lõi của chúng tôi mà Bill Erickson đã viết khi xây dựng trang web của chúng tôi. Đây là mã trông như thế nào:

Về cơ bản, mã này bắt đầu bằng cách tạo mã ngắn trong WordPress bằng cách sử dụng API mã ngắn , chấp nhận hai thuộc tính – đếm (giới hạn số lượng sự kiện hiển thị, trong trường hợp này, giá trị mặc định là 5) và họp mặt (cho phép sử dụng lại mã ngắn để hiển thị các sự kiện từ các nhóm Gặp mặt khác). Sau đó, các thuộc tính mã ngắn được chuyển qua để tạo URI yêu cầu, trong trường hợp này là http://api.meetup.com/georgetown-tx-wordpress/events , sau đó phản hồi JSON được giải mã và định dạng thành một danh sách có dấu đầu dòng về các sự kiện sắp tới với tên sự kiện (được liên kết với Meetup.com), ngày và giờ.

Bạn có thể xem toàn bộ plugin trên GitHub , cũng như mã cho chủ đề trang web của chúng tôi nếu bạn cũng muốn tìm hiểu kỹ về điều đó.

Trang web không công khai

Một ví dụ thú vị khác về việc sử dụng API là sử dụng nội bộ hoặc các trang web không công khai như mạng nội bộ hoặc cổng thông tin. Chúng tôi đã xây dựng và duy trì một “cổng thông tin tài trợ” cho một trong những khách hàng của chúng tôi, cho phép họ chia sẻ dữ liệu với các nhà tài trợ cho hội nghị của họ. Trong số dữ liệu đó có tên, dữ liệu nhân khẩu học, sơ yếu lý lịch và thông tin liên hệ của những người tham dự hội nghị đang tìm kiếm việc làm và đã chọn chia sẻ dữ liệu của họ với các công ty.

Những người tham dự này đã mua vé cho sự kiện trên Eventbrite.com hoặc thông qua tiện ích con vé Eventbrite được xuất bản trên một trang web riêng. Khi mua vé, những người tham dự sẽ chọn có tham gia chia sẻ dữ liệu hay không, sau đó cổng thông tin của chúng tôi lấy thông tin người tham dự từ API Eventbrite và tạo một bài đăng mới trong một loại bài đăng tùy chỉnh “ứng cử viên” trong WordPress. Điều này cho phép người tổ chức hội nghị chuyển thông tin người tham dự loại thực cho các nhà tài trợ sự kiện mà không cần phải xuất báo cáo CSV và chuyển qua chúng theo cách thủ công để xóa những người không đồng ý chia sẻ dữ liệu.

Đây là mã cho quá trình nhập trông như thế nào:

Về cơ bản, những gì mã này làm là thế này:

  1. Kiểm tra url API của người tham dự Eventbrite như được tạo bởi dữ liệu được chuyển từ ID sự kiện Eventbrite được lưu trữ ở nơi khác.
  2. Nếu những người tham dự tồn tại, trước tiên hãy kiểm tra xem liệu bài đăng đã được tạo trong WordPress hay chưa, sử dụng email của người tham dự làm số nhận dạng duy nhất. Nếu một bài đã tồn tại, nó sẽ được cập nhật. Nếu không, một cái mới sẽ được tạo.
  3. Kiểm tra xem liệu những người tham dự có cho phép thông tin của họ được chia sẻ hay không và chỉ nhập hoặc cập nhật các bản ghi khi được cấp quyền.
  4. Kiểm tra câu trả lời cho các câu hỏi cụ thể được hỏi tại thời điểm mua vé trong Eventbrite và lưu câu trả lời dưới dạng bài đăng meta hoặc các điều khoản phân loại được đính kèm với bài đăng.
  5. Chỉ chạy quá trình nhập này khi hộp kiểm được chọn trong bật nhập chuyển đổi phụ trợ.

Hãy thử một lần…

Chúng tôi sẽ xây dựng một plugin hiển thị những con chó và mèo bị mất gần đây được tìm thấy ở Austin, Texas. Dữ liệu sẽ được lấy từ data.austintexas.gov của Austin’s Austin Animal Center Found Pets Map / dự án dữ liệu mở, hiển thị tại https://data.austintexas.gov/Health-and -Com cộng đồng-Dịch vụ / Austin-Động vật-Trung tâm-Tìm thấy-Vật nuôi-Bản đồ / hye6-gvq2 .

Chúng tôi sẽ lấy dữ liệu này và xây dựng một plugin cho phép hiển thị các vật nuôi được tìm thấy gần đây qua shortcode trong trang web WordPress. Dưới đây là một ví dụ về đầu ra mã ngắn mà chúng tôi sẽ xây dựng:

Chó cái còn nguyên vẹn màu trắng / nâu

Trông giống như A: Anatolian Shepherd Mix
Tuổi ước tính: 2 tháng
Ngày thành lập: ngày 7 tháng 6 năm 2022

Chó đực nguyên vẹn màu đen / trắng

Trông giống như A: Bull Terrier
Tuổi ước tính: 7 tuổi
Ngày thành lập: ngày 7 tháng 6 năm 2022

Chó đực màu trắng đen / chó đực còn nguyên vẹn màu trắng

Trông giống như A: Pit Bull
Tuổi ước tính: 9 tuổi
Ngày thành lập: ngày 9 tháng 6 năm 2022

Mèo cái nguyên vẹn màu đen / trắng

Trông giống như A: Lông ngắn nội địa
Tuổi ước tính: 5 tuần
Ngày thành lập: ngày 6 tháng 6 năm 2022

Bạn có thể xem mã cho dự án này tại trên tài khoản GitHub của Road Warrior Creative. Dưới đây là một số tài nguyên bổ sung có thể hữu ích:

  • Điểm cuối: https://data.austintexas.gov/resource/hye6-gvq2.json
  • Tài liệu API: https://dev.socrata.com/foundry/data.austintexas.gov/vwti-2wcd
  • Nhận và Mã thông báo ứng dụng cho data.asutintexas.gov: h ttps: //data.austintexas.gov/profile/app_tokens
  • Cách tạo plugin: https://codex.wordpress.org/Plugin_API
  • Cách tạo Mã ngắn: https://codex.wordpress.org/Shortcode_API

Bản tóm tắt video

Bạn có câu hỏi? Để lại bình luận bên dưới!


Xem thêm những thông tin liên quan đến chủ đề cách tích hợp api của bên thứ 3 trong wordpress

Tối ưu REST API wordpress

alt

  • Tác giả: Gia Tuấn
  • Ngày đăng: 2020-11-29
  • Đánh giá: 4 ⭐ ( 3931 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tối ưu rest api wordpress

    https://wptangtoc.com/api-rest-wordpress/

    =================================
    ✌️Kết nối với mình✌️
    ★ FANPAGE: https://www.facebook.com/wptangtoc
    ★ GROUP FB Cộng Đồng Tăng tốc wordpress 2020 https://www.facebook.com/groups/wptangtoc
    ★ WEBSITE: https://wptangtoc.com
    ► Email liên hệ hợp tác: [email protected]
    ===================================
    /*** tất cả lợi nhuận đến từ quảng cáo của kênh youtube này sẽ được ủng hộ toàn bộ cho những người khuyết tật ***/

Ứng dụng của bên thứ ba được sử dụng trong phát triển ứng dụng web

  • Tác giả: helpex.vn
  • Đánh giá: 3 ⭐ ( 8287 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Kể từ khi World Wide Web bùng nổ vào đầu những năm 2000, việc tạo ra các ứng dụng web đã trở nên rất quan trọng đối với tất cả các doanh nhân, doanh nghiệp và các tổ chức chính phủ. Sự phức…

Sử dụng API AccessTrade tích hợp tự động cho Chatbot

  • Tác giả: alotoi.com
  • Đánh giá: 3 ⭐ ( 8236 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết hôm nay mình xin chia và sẽ hướng dẫn sử dụng một số API từ AccessTrade được ứng dụng trên nền tảng Chatbot của Messenger, bạn cũng có thể sử dụng Api AccessTrade để kết nối và hiển thị trên blog/website của mình về các tin khuyến mãi, mã giảm giá, coupon.

Tích hợp Contact Form 7 đồng bộ lưu dữ liệu với API bất kỳ

  • Tác giả: thucha.info
  • Đánh giá: 4 ⭐ ( 8761 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: %

Về Goship API

  • Tác giả: doc.goship.io
  • Đánh giá: 5 ⭐ ( 8572 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Giới thiệu hệ thống kết nối API vận chuyển của Goship Express

Tạo RESTful webservice toàn tập cho wordpress

  • Tác giả: www.hoangweb.com
  • Đánh giá: 4 ⭐ ( 5759 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Ngày nay việc thiết kế website đã chú trọng tới Webservice, tạo dịch vụ API cho website là hướng mở để cho phép ứng dụng thứ 3 phát triển trên nhiều nền tảng ngoài WEB HTTP mà các công ty đi đầu trong lĩnh vực công nghệ thông tin luôn hướng tới.

Cải thiện tìm kiếm của wordpress với algolia

  • Tác giả: wptangtoc.com
  • Đánh giá: 3 ⭐ ( 9890 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thủ thuật nâng cao tốc độ và sự chính xác tìm kiếm của wordpress

Xem thêm các bài viết khác thuộc chuyên mục: WordPress

XEM THÊM  Cách thêm mô tả meta trong WordPress (Cải thiện tỷ lệ nhấp lên đến 5,8%) - seo meta description wordpress

By DEVTEAM