# Hướng dẫn Deploy Component

## Giới thiệu chung

Tempi mang đến nền tảng cho phép bạn có thể phát triển và đưa các tính năng vào trình kéo thả để xây dựng Website/Landing Page của chính bạn, làm hoàn thiện hơn Website/Landing Page của bạn bằng các tính năng mà bạn có thể tự tạo ra.

Sau khi đã đưa tính năng lên nền tảng của chúng tôi, bạn hoàn toàn có thể sử dụng trong các trình kéo thả Website/Landing Page của bạn.

## Phát triển Component là gì?

Component là các tính năng được đưa vào trình kéo thả Website/Landing Page để người dùng có thể tự do kéo thả thiết kế, đặt vào các bố cục tuỳ theo thẩm mỹ và nhu cầu cũng như mục đích sử dụng.

Phát triển Component là giải pháp được tạo ra nhằm mở rộng cũng như bổ sung các tính năng hiện có của Tempi, mang lại sự tiện lợi và chủ động hơn đến cho người dùng Tempi, góp phần tạo nên sự đột phá trên trực tuyến.

Với tính năng Phát triển Component, giờ đây người dùng hoàn toàn có thể tự tạo ra các tính năng cần thiết, tăng khả năng cá nhân hoá trang theo nhu cầu cụ thể khi xây dựng Website/Landing Page trên Tempi.

## Hướng dẫn

Tính năng Phát triển Component cho phép người dùng có thể thêm mới Component của mình vào trình kéo thả Website/Landing Page và sử dụng tương tự như các Component sẵn có trên Tempi.

**Bước 1:** Vào mục **Phát triển Component** trong màn Dashboard -> Chọn **+ Thêm Component mới.**

<div align="center"><img src="https://lh3.googleusercontent.com/XrVr8JbNgh5UFHFOVl4lymB9kvt5QuScGVTyl1xAqiP_JKqn0m_ieYH3p6gQ3Xwo9Uh7E-_J3SNSIC4P71uE-3viLHAgwF6G=rw-w1844" alt="Thêm component mới"></div>

*Tempi cung cấp sẵn cho bạn Component mẫu giúp bạn có cái nhìn tổng quan về cấu hình của 1 Component. Click vào icon tải xuống để xem chi tiết code.*<br>

**Bước 2:**

* Thêm tên Component
* Tải icon hiển thị Component
* Chọn Danh mục
* Tải tệp code lên: Tải lên file Zip code của Component

**Bước 3:** Bấm chọn nút **Deploy** để tiến hành deploy Component của bạn lên hệ thống Tempi, bạn có thể kiểm tra trạng thái deploy của Component trên màn danh sách.

Component sẽ hiển thị theo các trạng thái sau:

* Deploying: hệ thống đang tiến hành deploy (quá trình này có thể mất từ 3-4 phút).

<div align="center"><img src="https://lh3.googleusercontent.com/KQEyJv5_ExF9gTU1tEI5lnEyqxNIFBRBm2yFnuktRfALyXLmQegfidyWqaHYKtxhkDjQwhdV4SKRJRwEsOLJC-y7Tty1BYIb=rw-w1457" alt="Thêm component mới"></div>

* Available: Deploy Component thành công, bạn có thể bật/tắt hiển thị Component để sử dụng trên trình kéo thả.

<div align="center"><img src="https://lh3.googleusercontent.com/X0S3XbpsvKmbznRsdgx0OgJUt0f0ZcQvOcD_9Q-9rJD91D_2ZpO0LyKjk3F600Dqc17oPrJnV4XOhC84odSRB3wuzUM0qOA3=rw-w1452" alt="Thêm component mới"></div>

* Failed: Quá trình Deploy Component thất bại, bạn có thể bấm vào link xem chi tiết lý do, sau đó bấm vào icon bánh răng để chỉnh sửa cấu hình Component và thực hiện deploy lại.

<div align="center"><img src="https://lh3.googleusercontent.com/yIXhIQIEB-i46xPlAeYogCcVIODzJT0Q29JwKb3dTwx5lKNQIGVmk6RSnmpXMVAVYFlWUlRcmyG4zGbqe36iXbDQ0-2NfYU=rw-w1442" alt="Thêm component mới"></div>

**Lưu ý:**

Đối với Component ở trạng thái **Available** và đang được sử dụng trên trình kéo thả của Tempi:

* Nếu bạn tắt hiển thị Component: Component sẽ biến mất khỏi menu phần tử kéo thả của Tempi (Nếu bạn đã kéo thả Component đó vào trang, Component vẫn duy trì trên trang của bạn).
* Nếu bạn chỉnh sửa cấu hình Component và deploy lại thì trong quá trình deploy sẽ không có ảnh hưởng gì đến phiên bản đang được sử dụng.
  * Trường hợp deploy thất bại: Component trên trình kéo thả vẫn duy trì bản cũ.
  * Trường hợp deploy thành công: Component trên trình kéo thả sẽ cập nhật theo bản mới. Khi bạn xóa Component: Component sẽ biến mất khỏi danh sách và trên menu phần tử kéo thả của Tempi (Nếu bạn đã kéo thả Component vào trang, Component vẫn duy trì trên trang).

Khi bạn xóa Component: Component sẽ biến mất khỏi danh sách và trên menu phần tử kéo thả của Tempi (Nếu bạn dã kéo thả Component vào trang, Component vẫn duy trì trên trang).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.tempi.vn/phat-trien-component/huong-dan-deploy-component.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.