Nhảy đến nội dung

Giới thiệu

Mô-đun "Tích hợp" cho phép dễ dàng kết hợp API và dịch vụ trực tuyến thông qua lập trình trực quan. Mô-đun cung cấp một giao diện thân thiện, nơi bạn có thể kéo và thả 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, làm cho nó trở nên dễ tiếp cận ngay cả với những người không phải là lập trình viên chuyên nghiệp, 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ắt đầu tạo các luồng và tích hợp đầu tiên của bạn, hãy cùng tìm hiểu về giao diện. Hiểu cách các yếu tố chính hoạt động sẽ giúp công việc của bạn dễ dàng hơn và giúp bạn nhanh chóng làm quen.

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 phần tử mà bạn sẽ sử dụng để 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 khu vực làm việc. Tất cả các nút đều có chức năng riêng và có thể được cấu hình riêng lẻ.

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

  • Inject: cho phép gửi dữ liệu vào luồng một cách thủ công.
  • Debug: hiển thị dữ liệu và thông báo trong menu gỡ lỗi.
  • Function: cho phép 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 ở trên khu vực 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 phân chia 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 tốt hơn.
  • Đổi Tên Tab: Để đổi tên 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 tab nếu không còn cần thiết. 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 tích hợp thanh toán, bạn có thể tạo các tab riêng cho từng dịch vụ.

3. Khu vực làm việc​

Khu vực 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 khu vực làm việc. Tại đây, bạn có thể di chuyển nó, kết nối 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: Khu vực làm việc cho phép 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 khu vực làm việc bằng chuột hoặc bàn di cảm ứng để xem tất cả các chi tiết của luồng của bạn.

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

Khi bạn nhấp đúp vào một nút trong khu vực làm việc, một biểu mẫu chỉnh sửa nút sẽ mở ra. Đây là cửa sổ mà 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ố riêng mà bạn có thể chỉnh sửa. Ví dụ, với 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, hãy nhấn nút Submit để lưu các thay đổi.

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

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 báo từ nút Debug.

  • Xem Thông Báo: Khi bạn chạy luồng dữ liệu, nút Debug gửi thông báo đế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 Báo: Bạn có thể lọc thông báo để chỉ xem những dữ liệu mà bạn cần. Điều này rất tiện lợi khi bạn có nhiều dữ liệ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 để xóa các thông báo cũ và tập trung vào dữ liệu mới.

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

6. Các nút điều khiển​

Nút "Mở toàn màn hình"​

  • Nút này cho phép mở rộng giao diện của mô-đun Tích hợp ra toàn màn hình, điều này hữu ích khi làm việc với 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.
  • Nhấn 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 rõ hơn tất cả các chi tiết của các luồng của bạ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 trong 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 thay đổi các nút, hãy chắc chắn nhấn nút này để các cài đặt của bạn bắt đầu hoạt động.

Nút "Nhập"​

  • Nút này cho phép nhập một sơ đồ hiện có từ JSON hoặc một ví dụ từ danh sách. Bạn có thể tìm hiểu thêm trong phần Nhập.