# Image CDN (tebi)

{% hint style="info" %}
Chú ý nếu bạn cấu hình sai tính năng này, hệ thống sẽ không thể upload hình ảnh. Vì thế vui lòng xem kỹ hướng dẫn
{% endhint %}

Tebi cho bạn miễn phí 25GB để lưu trữ hình ảnh, file và có server toàn thế giới. Sau khi đăng ký tài khoản tại tebi. 

#### Để chuẩn bị cho tính năng này bạn cần:

* Có quyền quản lý domain. Tạo ra được 1 sub domain
* Bạn cần bật được https cho sub domain này. Nếu bạn dùng cloudflare thì tính năng này có sẵn
* Tạo 1 tài khoản miễn phí tại tebi.io

### Hướng dẫn đăng ký và sử dụng tebi.io 

Bấm vào link sau để đăng ký <https://tebi.io> sau khi đăng ký hoàn tất. Tại trang: <https://client.tebi.io/buckets/> bạn sẽ điền <mark style="color:red;">**bucket name**</mark> là sub domain của bạn

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2FLIXpIbt46eNSXxvjS47K%2Fimage.png?alt=media&#x26;token=59947025-20a1-44d2-aabe-839f0e4d979a" alt="" width="375"><figcaption></figcaption></figure>

Bạn sẽ điền sub domain của bạn vào. Ví dụ

* Domain của bạn là **domain.com** và bạn muốn chứa hình ảnh vào **img01.domain.com**
* Bạn sẽ điền img01.domain.com vào ô Enter Bulket Name

Sau đó bạn bấm qua

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2FP93ztkomkE2VemYBY8bW%2Fimage.png?alt=media&#x26;token=2c971ba8-bcf5-4ae8-8f50-9fdaf3457916" alt="" width="201"><figcaption></figcaption></figure>

Và tạo ra 1 key bằng cách điền tên bucket name vào (img01.domain.com)

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2FyZGRpsyqosFJ39itLBRE%2Fimage.png?alt=media&#x26;token=6f97c038-6aff-4a79-8d93-4632cfabebf6" alt="" width="375"><figcaption></figcaption></figure>

Bạn sẽ thấy có thông tin <mark style="color:red;">**Key**</mark> và <mark style="color:red;">**Secret Key**</mark>. Lưu thông tin này lại và trở lại mục quản lý domain của aiktp.com

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2F8y9YEy8g9zPkAuAkhe1i%2Fimage.png?alt=media&#x26;token=e434d266-289d-478e-b067-d59eb7a83daf" alt="" width="375"><figcaption></figcaption></figure>

#### Tại mục quản lý Website của aiktp.com

Sau khi thêm domain, bạn sẽ thấy mục Image CND tại menu Trang web => Img CDN

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2FoA58OGInLOJoz0f2vxGj%2Fimage.png?alt=media&#x26;token=aecf4f66-af71-46e4-a016-df573c447e27" alt="" width="375"><figcaption></figcaption></figure>

Bấm vào nút "Add" để thêm, sau đó bạn chọn Tebi.io

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2Flpc4HyCPdd59Gi4Dt0L9%2Fimage.png?alt=media&#x26;token=0bf374a3-326e-4191-a73b-50c23a089c59" alt="" width="375"><figcaption></figcaption></figure>

Bạn sẽ điền 3 thông tin từ Tebi vào gồm: Bucket Name, Key và Secret ở trên vào

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2Fe2WjBRrWP9TwXi3SwsrE%2Fimage.png?alt=media&#x26;token=cf613caf-68dc-48de-b3f5-4322e8916e77" alt="" width="375"><figcaption><p>\</p></figcaption></figure>

Sau khi điền vào sẽ trông thế này

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2FhnMRWCbNSArwn9rnJNnK%2Fimage.png?alt=media&#x26;token=31485101-ac09-4bd9-bba7-83fa2e118add" alt="" width="375"><figcaption></figcaption></figure>

Tiếp đến bạn bấm **Check & Save** để hoàn tất.

Sau khi bạn bấm hệ thống sẽ upload 1 file có tên hello.svg lên bucket của bạn. Bạn cần cấu hình trường Cname trong mục quản lý domain của bạn

Truy cập vào trang quản lý domain của bạn:

* **Chọn trường Type**: CNAME
* **Chọn Name**: img01 (trùng với tên sub domain)
* **Target**: điền s3.tebi.io

Bạn nhớ chọn đám mây màu vàng để có thể kích hoạt **https** và load nhanh hơn

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2FaRkdtnXAOecRFZ7hx32t%2Fimage.png?alt=media&#x26;token=133fe4bc-6ea5-4fdd-b2c1-6d2e3d3e1f02" alt=""><figcaption></figcaption></figure>

Sau khi cấu hình xong. Bạn có thể xem thử 1 quay lại editor (nhớ reload lại trang) và upload 1 file và kiểm tra xem file có hiện ra không.&#x20;

**Trong trường hợp bạn không dùng Cloudflare (không bật đám mây vàng)**

Xem theo hướng dẫn của Tebi để dùng https của nó tại <https://docs.tebi.io/intro/virtual_hosting.html>&#x20;

Trong tebi, bấm vào mục edit bucket

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2F8sZMWObk9T0HnW3fSPoX%2Fimage.png?alt=media&#x26;token=46c1ac10-5034-45a0-83a4-babfc618c416" alt=""><figcaption></figcaption></figure>

Sau đó bạn check vào như hình.

<figure><img src="https://1177439721-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIrDzZoxFTl0oRehGw6bJ%2Fuploads%2F1QY99zsjAF6KAJ7GTPUY%2Fimage.png?alt=media&#x26;token=0954264a-3ab0-4323-aba3-23aedca191bb" alt="" width="544"><figcaption></figcaption></figure>

**Chú ý:** bạn phải làm theo hướng dẫn <https://docs.tebi.io/intro/virtual_hosting.html> thì mới có thể bật được https certificate nhé.&#x20;