Nhảy tới nội dung

Giới thiệu

Mô-đun "Tích hợp" cho phép bạn dễ dàng kết hợp các API và dịch vụ trực tuyến thông qua lập trình trực quan. Mô-đun này cung cấp một giao diện thân thiện với người dùng, nơi bạn có thể kéo và kết nối các khối nút, tạo ra logic cho các ứng dụng của bạn một cách trực quan. Điều này đơn giản hóa quá trình phát triển, giúp cho những người không phải là lập trình viên chuyên nghiệp cũng có thể tiếp cận, và tăng tốc đáng kể quá trình tích hợp các hệ thống khác nhau:

Các yếu tố chính của giao diện mô-đun Tích hợp​

Trước khi bạn bắt đầu tạo các luồng và tích hợp đầu tiên, hãy cùng xem qua giao diện. Hiểu cách các yếu tố chính được cấu trúc sẽ giúp bạn làm việc dễ dàng hơn và nhanh chóng làm quen hơn.

1. Bảng bên trái với các nút​

Bảng bên trái là nơi bạn sẽ tìm thấy tất cả các nút có sẵn. Đây là các yếu tố mà bạn sẽ xây dựng các luồng dữ liệu của mình.

Để sử dụng một nút, chỉ cần kéo nó vào không gian làm việc. Tất cả các nút đều có mục đích cụ thể và có thể được cấu hình riêng lẻ.

Ví dụ về các Nút:

  • Inject: cho phép bạn gửi dữ liệu vào luồng một cách thủ công.
  • Debug: xuất dữ liệu và thông điệp ra menu gỡ lỗi.
  • Function: cho phép bạn viết mã tùy chỉnh bằng JavaScript.
  • Template: được sử dụng để tạo các mẫu văn bản hoặc HTML.

2. Các Tab​

Các tab nằm ở phía trên không gian làm việc và cho phép bạn chuyển đổi giữa các dự án hoặc luồng dữ liệu khác nhau. Điều này rất tiện lợi nếu bạn đang làm việc trên nhiều tích hợp cùng một lúc hoặc muốn tách logic thành nhiều luồng.

  • Tạo Tab Mới: Bạn có thể thêm một tab mới bằng cách nhấp vào nút cộng +. Mỗi tab mới đại diện cho một luồng dữ liệu riêng biệt, giúp bạn tổ chức dự án của mình tốt hơn.
  • Đổi Tên Tab: Để đổi tên một tab, hãy nhấp đúp vào tên của nó và nhập tên mới. Điều này đặc biệt hữu ích nếu bạn có nhiều tab và muốn hiểu rõ nội dung của từng tab.
  • Xóa Tab: Bạn có thể xóa một tab nếu không còn cần đến nó. Tuy nhiên, hãy cẩn thận để không mất dữ liệu quan trọng.

Ví dụ: Nếu bạn đang làm việc trên một tích hợp thanh toán, bạn có thể tạo các tab riêng biệt cho từng dịch vụ.

3. Không gian làm việc​

Không gian làm việc là phần trung tâm của giao diện nơi bạn xây dựng và chỉnh sửa các luồng dữ liệu của mình.

  • Đặt Nút: Sau khi bạn kéo một nút từ bảng bên trái, nó sẽ xuất hiện trong không gian làm việc. Tại đây, bạn có thể di chuyển nó, kết nối nó với các nút khác và tạo ra logic cho luồng của bạn.
  • Kết Nối Nút: Để kết nối các nút, chỉ cần kéo một đường từ đầu ra của một nút đến đầu vào của nút khác. Bằng cách này, dữ liệu sẽ được truyền qua luồng từ nút này sang nút khác.
  • Quản Lý Luồng: Không gian làm việc cho phép bạn tạo nhiều luồng dữ liệu, giúp tổ chức các tích hợp và logic phức tạp.

Mẹo: Bạn có thể phóng to và thu nhỏ không gian làm việc bằng chuột hoặc touchpad để xem tất cả các chi tiết của luồng.

4. Biểu mẫu chỉnh sửa Nút​

Khi bạn nhấp đúp vào một nút trong không gian làm việc, biểu mẫu chỉnh sửa nút sẽ mở ra. Đây là một cửa sổ nơi bạn cấu hình hành vi của nút.

  • Các Trường Cài Đặt: Mỗi nút có các tham số mà bạn có thể chỉnh sửa. Ví dụ, trong nút Function, bạn có thể viết và chỉnh sửa mã.
  • Lưu Thay Đổi: Sau khi chỉnh sửa nút, nhấp vào nút Submit để lưu các thay đổi.

Ví dụ: Trong nút Function, bạn có thể viết mã JavaScript để biến đổi dữ liệu. Trong nút Template, bạn có thể tạo một mẫu mà chèn dữ liệu một cách động.

5. Bảng Gỡ Lỗi​

Bảng gỡ lỗi nằm ở bên phải và được sử dụng để xem dữ liệu đầu ra và thông điệp từ nút Debug.

  • Xem Thông Điệp: Khi bạn chạy luồng dữ liệu, nút Debug gửi thông điệp đến menu Gỡ lỗi. Điều này giúp bạn thấy những gì đang xảy ra trong luồng của bạn và kiểm tra tính chính xác của dữ liệu.
  • Lọc Thông Điệp: Bạn có thể lọc thông điệp để chỉ xem dữ liệu bạn cần. Điều này rất tiện lợi khi bạn có nhiều đầu ra từ các nút Debug khác nhau.
  • Xóa Cửa Sổ Gỡ Lỗi: Sử dụng nút xóa để loại bỏ các thông điệp cũ và tập trung vào dữ liệu mới.

Ví dụ: Nếu bạn đang sử dụng nút Function để thực hiện các phép tính, hãy thêm một nút Debug ở cuối luồng để kiểm tra xem mã của bạn xử lý dữ liệu đúng cách hay không.

6. Nút Điều Khiển​

Nút Toàn Màn Hình​

  • Nút này cho phép bạn mở rộng giao diện mô-đun Tích hợp ra toàn màn hình, điều này rất hữu ích khi làm việc trên các luồng dữ liệu phức tạp hoặc khi trình bày dự án trên màn hình lớn.
  • Bằng cách nhấp vào nút này, bạn sẽ có nhiều không gian hơn để chỉnh sửa và có thể nhìn thấy tất cả các chi tiết của luồng một cách tốt hơn.

Nút Xuất Bản​

  • Đây là nút chính để lưu và triển khai tất cả các thay đổi đã thực hiện đối với các luồng dữ liệu của bạn, làm cho chúng trở nên hoạt động. Sau khi bạn đã thêm hoặc sửa đổi các nút, hãy chắc chắn nhấp vào nút này để các cài đặt của bạn có hiệu lực.