Trong hướng dẫn này, chúng ta sẽ xem xét kỹ hơn cách bạn có thể tích hợp Tilda và AppMaster . Giả sử rằng một biểu mẫu nhất định đã được tạo trong Tilda và nhiệm vụ của chúng tôi là đảm bảo rằng dữ liệu khi được điền sẽ đến AppMaster , được xử lý ở đó và được lưu trữ trong cơ sở dữ liệu.
Tạo webhook trong AppMaster
Tilda gửi dữ liệu đến các dịch vụ của bên thứ ba thông qua webhook. Do đó, đáng để bắt đầu với việc tạo webhook cần thiết và trước hết là chuẩn bị quy trình kinh doanh cho hoạt động của nó.
Một đặc điểm của quy trình này là không biết trước dữ liệu chính xác nào sẽ thu được. Webhook sẽ hoạt động với các yêu cầu " raw " cần được xử lý đúng cách. Để làm điều này, chúng ta sẽ sử dụng khối Get Request Body . Hãy xem dữ liệu nào thường đến từ Tilda , chuyển đổi dữ liệu đó thành String , ghi dữ liệu đó vào nhật ký và hiển thị dữ liệu đó theo yêu cầu.
Trong phần điểm cuối, hãy tạo ngay một webhook mới. Điều quan trọng cần lưu ý là loại yêu cầu phải là Raw vì nó không có bất kỳ tham số đầu vào được mã hóa cứng nào và sẵn sàng chấp nhận bất kỳ dữ liệu nào. Bạn cũng cần tắt AppMaster thông báo phần mềm trung gian vì để điền vào biểu mẫu trong Tilda , bạn không cần thông qua ủy quyền trong Middleware Token Auth và việc gửi dữ liệu được mở cho mọi người.
Thiết lập biểu mẫu Tilda
Bước tiếp theo là kết nối Tilda với webhook đã tạo. Để thực hiện việc này, chỉ cần chỉ định URL trong phần cài đặt của biểu mẫu trang web là đủ, mặc dù nếu cần, bạn có thể sử dụng các tùy chọn bổ sung. Ví dụ: để bảo vệ bổ sung, cũng chuyển một khóa đặc biệt, trong phần thân của yêu cầu hoặc trong tiêu đề.
Nếu mọi thứ được thực hiện chính xác, một thông báo tương ứng sẽ xuất hiện với khả năng liên kết ngay webhook này với tất cả các biểu mẫu trên trang web.
Nó chỉ còn lại để xuất bản trang với biểu mẫu và kiểm tra nó trong thực tế.
Bằng cách mở nhật ký AppMaster, bạn có thể đảm bảo rằng dữ liệu từ biểu mẫu đã thực sự được nhận.
Thông báo: “Email=test%40gmail.com&Name=John+Smith&Phone=%2B1-202-202-22-22&Comments=Hello%2C+world%21%0AThis+is+my+comment&tranid=6355139%3A3971256761&formid=form513738662”
Bạn có thể xem tất cả các thông tin được điền vào biểu mẫu. Đồng thời, rõ ràng là dữ liệu được nhận ở định dạng x-www-form-urlencoded , tương ứng, chúng không còn có thể được xử lý dưới dạng một tập hợp dữ liệu thô mà là một tập hợp các trường riêng lẻ.
Mô hình cơ sở dữ liệu AppMaster
Nó chỉ còn lại để làm cho người xử lý phù hợp. Và tốt nhất là bắt đầu với một mô hình cơ sở dữ liệu nơi tất cả thông tin sẽ được lưu trữ.
Đối với một biểu mẫu tiêu chuẩn, một mô hình đơn giản với 4 trường là đủ:
- Email (String)
- Name (String)
- Phone (String)
- Comments (Text)
Tiếp theo, bạn cần quay lại quy trình kinh doanh đã tạo và thay đổi nó có tính đến thông tin nhận được về thành phần của yêu cầu.
Tên của các trường từ bảng cần điền sẽ được sử dụng làm tham số đầu vào. Dữ liệu từ chúng sẽ được sử dụng để tạo một mô hình ( Make Tilda ) và sau đó ghi vào cơ sở dữ liệu ( DB: Create Tilda ).
Điều cuối cùng cần làm là thay đổi điểm cuối đã tạo trước đó cho webhook. Chúng tôi biết định dạng của dữ liệu đến và xử lý nó, vì vậy Request payload type phải là Form . Đồng thời, cần phải khớp các tham số được tạo trong quy trình kinh doanh với tên chính xác của các trường từ biểu mẫu đã hoàn thành (chúng tôi đã thấy chúng trong nhật ký khi chúng tôi nhận được dữ liệu từ yêu cầu dưới dạng dữ liệu thô). Trong ví dụ này, chúng gần như giống nhau, nhưng khác nhau ở ký tự đầu tiên.
Bây giờ bạn có thể xuất bản ứng dụng đã tạo và kiểm tra nó trong thực tế. Nếu bạn lặp lại việc điền và gửi biểu mẫu trong Tilda , thì dữ liệu sẽ được gửi đến AppMaster , được ghi vào cơ sở dữ liệu và điều này có thể được xác minh bằng cách sử dụng Swagger .
