Xu Hướng 7/2022 # Rest Api Là Gì? Giới Thiệu Và Cách Sử Dụng WordPress Rest Api Cơ Bản # Top View

Xem 7,722

Bạn đang xem bài viết Rest Api Là Gì? Giới Thiệu Và Cách Sử Dụng WordPress Rest Api Cơ Bản được cập nhật mới nhất ngày 04/07/2022 trên website Ezlearning.edu.vn. Hy vọng những thông tin mà chúng tôi đã chia sẻ là hữu ích với bạn. Nếu nội dung hay, ý nghĩa bạn hãy chia sẻ với bạn bè của mình và luôn theo dõi, ủng hộ chúng tôi để cập nhật những thông tin mới nhất. Cho đến thời điểm hiện tại, bài viết này đã đạt được 7,722 lượt xem.

--- Bài mới hơn ---

  • Bài Hướng Dẫn WordPress Rest Api
  • WordPress Rest Api Là Gì? Hướng Dẫn Sử Dụng WordPress Rest Api
  • 10 Cách Tốt Nhất Để Viết Các Rest Api Node.js
  • Kết Nối Rest Api Bằng Retrofit Trong Android
  • Cách Sử Dụng Api WordPress Rest
  • Bạn muốn cung cấp dữ liệu của website đến một bên thứ 3 hoặc những nền tảng khác nhau, bạn không thể cho kết nối trực tiếp đến dữ liệu của bạn để bảo mật, điều gì có thể giúp bạn làm được điều này? đó chính là REST API. Trong bài viết này mình sẽ chia sẻ một chút về REST API là gì, mình cũng sẽ giới thiệu về REST API của WordPress và cách sử dụng nó để lấy dữ liệu cho website khác.

    REST API là gì?

    REST ( REpsentational State Transfer) hiểu đơn giản thì nó là một dạng chuyển đổi cấu trúc dữ liệu. API ( Application Programming I nterface) là giao diện lập trình ứng dụng giúp tạo ra các phương thức kết nối với các thư viện và ứng dụng khác nhau.

    Như vậy có thể hiểu REST API là một ứng dụng chuyển đổi cấu trúc dữ liệu có các phương thức để kết nối với các thư viện và ứng dụng khác. REST API không được xem là một công nghệ, nó là một giải pháp để tạo ra các ứng dụng web services thay thế cho các kiểu khác như SOAP, WSDL (Web Service Definition Language),…

    Các ưu điểm của REST

    • Giúp cho API trở nên rõ ràng hơn.
    • REST URL đại diện cho resource chứ không phải là hành động.
    • Dữ liệu được trả về với nhiều định dạng khác nhau như: xml, html, rss, json …
    • Code đơn giản và ngắn gọn.
    • REST chú trọng vào tài nguyên hệ thống.

    Các trang web ngày nay thường sử dụng REST API để cho phép kết nối dữ liệu của họ. Facebook cũng cung cấp các REST API giúp các ứng dụng bên ngoài có thể kết nối đến dữ liệu của họ. (bạn có thể tham khảo tại đường dẫn: https://developers.facebook.com/tools/explorer).

    Giới thiệu về WordPress REST API

    Trước WordPress phiên bản 4.7 thì muốn có REST API bạn phải cài các Plugin hỗ trợ, tuy nhiên các phiên bản sau này nó đã được WordPress tích hợp sẵn và bạn không cần phải cài bất cứ Plugin nào.

    Các REST API WordPress trả về các định dạng dữ liệu Json (JavaScript Object Notation), giúp người dùng có thể lấy dữ liệu hoặc cập nhật dữ liệu từ các ứng dụng khác mà không cần phải kết nối trực tiếp đến dữ liệu của website. Với REST API WordPress chúng ta có thể tạo ra các ứng dụng android đọc báo sử dụng dữ liệu Json của REST API, các ứng dụng như winform để quản lý,…

    Bạn có thể tìm thấy cách sử dụng WordPress REST API tại https://developer.wordpss.org/rest-api/using-the-rest-api/.

    Ví dụ sử dụng REST API WordPress để lấy dữ liệu

    Thật ra tùy vào mục đích sử dụng dữ liệu Json trên nền tảng nào thì sẽ có cách xử lý trên nền tảng đó. Mình sẽ làm một ví dụ ngắn về việc lấy dữ liệu Json trên chúng tôi và hiển thị trên một website ở localhost.

    • Đầu tiên mình sẽ tạo ra một tệp main.js bên trong thư mục JS của theme.
    • Mở file content.php và thêm đoạn code sau vào:
      Mở file functions.php và thêm đoạn code sau vào:

    function getjsdata() { wp_register_script('custom-script',get_template_directory_uri().'/js/main.js',array( 'jquery' )); wp_enqueue_script( 'custom-script' ); } add_action('wp_enqueue_scripts','getjsdata');

      Quay trở lại file main.js và thêm đoạn code sau vào:

    var button_load = document.getElementById("btn_load"); var content = document.getElementById("p_content"); if(button_load){ var request = new XMLHttpRequest(); request.open('GET','http://Domain_của_bạn/wp-json/wp/v2/posts'); request.onload = function(){ var data = JSON.parse(request.responseText); console.log("đã có dữ liệu"); }else{ console.log("đã kết nối đến server, nhưng có lỗi"); } }; request.onerror = function(){ console.log("kết nối thất bại"); }; request.send(); }); }

      Bây giờ bạn chạy website lên, nhấn vào nút “tải dữ liệu” nếu kết quả trả về trong tab Console là “đã có dữ liệu” tức là đã thành công, nếu trả về “đã kết nối đến server, nhưng có lỗi” thì xem lại REST API trên server của bạn, và nếu trả về “kết nối thất bại” thì xem lại kết nối đến server của bạn có vấn đề gì không.
    • Bây giờ việc còn lại của chúng ta là bóc tách các dữ liệu này và hiển thị lên trên website.
    • Bạn thêm một đoạn code sau vào file “main.js

    function viewdata(datapost) { var HTMLstring =''; for(i=0;i<datapost.length;i++){ } content.innerHTML = HTMLstring; }

    • sau đó thay dòng console.log(data); thành viewdata(data);
    • Trở lại website bạn tải lại và nhấn nút sẽ có kết quả như sau:
      Bạn có thể lấy ra nhiều thành phần khác nữa dựa vào dữ liệu trả về. Đoạn code trên mình có tô đỏ từ title.renderedexcerpt.rendered tức là lấy tiêu đề và mô tả của bài viết, cái này các bạn có thể sử dụng console để phân tích.

      Đầu tiên mình sẽ thêm một vùng nhập liệu cho giao diện bằng đoạn mã HTML sau:

      Tiếp theo bạn thêm đoạn sau vào file main.js

    var adddata = document.querySelector("#btn_adddata"); if(adddata){ var datapost ={ "title":document.querySelector('.form ').value, "status":"publish", } var post_data = new XMLHttpRequest(); post_data.open("POST","http://domain_của_bạn/wp-json/wp/v2/posts"); post_data.setRequestHeader("X-WP-Nonce",nonce); post_data.setRequestHeader("Content-Type", "application/json;charset=UTF-8") post_data.send(JSON.stringify(datapost)); }); }

    Trong phần code này bạn chú ý đến dòng post_data.setRequestHeader("X-WP-Nonce",nonce);. Nếu bạn không có nonce bạn sẽ không được xác thực việc đăng dữ liệu.

    Để lấy Nonce bạn có thể sử dụng hàm wp_create_nonce('wp_rest') những người đã đăng nhập sẽ được cấp một none được xác thực và có thể đăng bài.

    Như vậy là mình đã xong bài giới thiệu và hướng dẫn sử dụng cơ bản REST API của WordPress, các bạn có thể sử dụng nó để mở rộng trên nhiều nền tảng khác nhau.

    --- Bài cũ hơn ---

  • Tạo Restful Api Web Service Trong Java Spring Boot
  • Stream Api Là Gì? Stream Api Trong Java 8
  • Hướng Dẫn Lập Trình Java Restful Web Service Cho Người Mới Bắt Đầu
  • Api Là Gì Trong Java
  • Làm Quen Với Web Api 2 Trong .net
  • Cập nhật thông tin chi tiết về Rest Api Là Gì? Giới Thiệu Và Cách Sử Dụng WordPress Rest Api Cơ Bản trên website Ezlearning.edu.vn. Hy vọng nội dung bài viết sẽ đáp ứng được nhu cầu của bạn, chúng tôi sẽ thường xuyên cập nhật mới nội dung để bạn nhận được thông tin nhanh chóng và chính xác nhất. Chúc bạn một ngày tốt lành!

  • Web hay
  • Links hay
  • Push
  • Chủ đề top 10
  • Chủ đề top 20
  • Chủ đề top 30
  • Chủ đề top 40
  • Chủ đề top 50
  • Chủ đề top 60
  • Chủ đề top 70
  • Chủ đề top 80
  • Chủ đề top 90
  • Chủ đề top 100
  • Bài viết top 10
  • Bài viết top 20
  • Bài viết top 30
  • Bài viết top 40
  • Bài viết top 50
  • Bài viết top 60
  • Bài viết top 70
  • Bài viết top 80
  • Bài viết top 90
  • Bài viết top 100
  • CẦM ĐỒ TẠI F88
    15 PHÚT DUYỆT
    NHẬN TIỀN NGAY

    VAY TIỀN NHANH
    LÊN ĐẾN 10 TRIỆU
    CHỈ CẦN CMND

    ×