Firebase CDN

Mở Firebase và đăng nhập. Truy cập trang web Firebase, nhấp vào Get started và đăng nhập bằng tài khoản Google của bạn.

Đặt tên cho dự án của bạn. Bạn có thể sử dụng lại cùng một dự án như Google OAuth nếu bạn đã có sẵn một dự án.

Cấu hình Google Analytics (tùy chọn). Bạn có thể tắt Google Analytics cho dự án này.

Tạo dự án. Đợi 20-30 giây để quá trình cung cấp hoàn tất, sau đó nhấp vào Continue.

Mở Tất cả Sản phẩm. Từ bảng điều khiển dự án, nhấp vào All Products.

Chọn Storage, sau đó nhấp vào Get Started.

Xác nhận các quy tắc bảo mật. Nhấp vào Next để tiếp tục.

Chọn một vị trí Lưu trữ Đám mây, sau đó hoàn tất thiết lập và quay lại Tổng quan Dự án.

Thêm một ứng dụng web. Trên trang Tổng quan Dự án (Project Overview), nhấp vào + Add app bên dưới tên dự án của bạn, sau đó chọn Web.

Đăng ký ứng dụng và đặt cho nó một biệt danh.

Sao chép các giá trị firebaseConfig của bạn. Lưu cấu hình được hiển thị vào một nơi an toàn.

Thêm các giá trị vào tệp .env của bạn. Ánh xạ từng giá trị firebaseConfig tương ứng với biến phù hợp:

FIREBASE_API_KEY=api_key                          # apiKey
FIREBASE_AUTH_DOMAIN=auth_domain                  # authDomain
FIREBASE_PROJECT_ID=project_id                    # projectId
FIREBASE_STORAGE_BUCKET=storage_bucket            # storageBucket
FIREBASE_MESSAGING_SENDER_ID=messaging_sender_id  # messagingSenderId
FIREBASE_APP_ID=1:your_app_id                     # appId

Các quy tắc Open Storage. Quay lại Project Overview, chọn Storage, sau đó mở tab Rules.

Cho phép quyền đọc và ghi. Thay đổi allow read, write: if false; thành if true; để khớp với các quy tắc bên dưới:

rules_version = '2';

service firebase.storage {
  match /b/{bucket}/o {
    match /images/{userId}/{fileName} {
      allow read, write: if true;
    }
  }
}

Công bố các thay đổi của bạn.

Tạo tệp cấu hình CORS. Trong trình soạn thảo văn bản, hãy tạo cors.json và cho phép truy cập từ tên miền của bạn:

[
  {
    "origin": ["https://ai.example.com"],
    "method": ["GET", "POST", "DELETE", "PUT"],
    "maxAgeSeconds": 3600
  }
]

Áp dụng cấu hình. Từ thư mục chứa cors.json, hãy chạy lệnh dưới đây, thay thế <your-cloud-storage-bucket> bằng tên bucket của bạn:

gsutil cors set cors.json gs://<your-cloud-storage-bucket>

Xác minh các cài đặt. Truy xuất chính sách đang hoạt động và xác nhận rằng nó khớp với cors.json:

gsutil cors get gs://<your-cloud-storage-bucket>

Kiểm tra. Xuất cuộc trò chuyện dưới dạng PNG từ origin được cho phép của bạn. Nếu mọi thứ được cấu hình chính xác, quá trình xuất sẽ thành công mà không gặp lỗi CORS.