Xin chào các bạn, bài viết hôm nay mình sẽ hướng dẫn các bạn cách tải link trực tiếp từ dịch vụ chia sẽ lên Google Drive
Hiện nay, Google Drive là một trong những dịch vụ chia sẻ file phổ biến, giúp chúng ta dễ dàng upload mã nguồn hay dữ liệu của mình lên Google Drive mà không cần phải lưu tại hosting, giúp giảm dung lượng cho hosting của chúng ta
Nhưng mặc định Google Drive chỉ cho phép chúng ta chia sẻ link nhưng không tải được trực tiếp
Khi chúng ta nhấp vào liên kết Google Drive, thì sẽ mở đến Trang web của Google
Firebase project configuration const firebaseConfig = { //... }; const app = initializeApp(firebaseConfig);
Ứng dụng Firebase là một đối tượng giống như vùng chứa lưu trữ cấu hình chung và chia sẻ xác thực trên các dịch vụ Firebase. Sau khi bạn khởi tạo một đối tượng Ứng dụng Firebase trong mã của mình, bạn có thể thêm và bắt đầu sử dụng các dịch vụ của Firebase
Bạn có sử dụng ESM và muốn sử dụng các mô-đun trình duyệt không? .______5
(trong đó DỊCH VỤ là tên SDK chẳng hạn như firebase-firestore).
Sử dụng mô-đun trình duyệt là một cách nhanh chóng để bắt đầu, nhưng chúng tôi khuyên bạn nên sử dụng gói mô-đun để sản xuất
Bước 3. Truy cập Firebase trong ứng dụng của bạn
Các dịch vụ Firebase (như Cloud Firestore, Xác thực, Cơ sở dữ liệu thời gian thực, Cấu hình từ xa, v.v.) có sẵn để nhập trong các gói phụ riêng lẻ
Ví dụ dưới đây cho thấy cách bạn có thể sử dụng SDK Cloud Firestore Lite để truy xuất danh sách dữ liệu
import { initializeApp } from 'firebase/app'; import { getFirestore, collection, getDocs } from 'firebase/firestore/lite'; // Follow this pattern to import other Firebase services // import { } from 'firebase/<service>'; // TODO: Replace the following with your app's Firebase project configuration const firebaseConfig = { //... }; const app = initializeApp(firebaseConfig); const db = getFirestore(app); // Get a list of cities from your database async function getCities(db) { const citiesCol = collection(db, 'cities'); const citySnapshot = await getDocs(citiesCol); const cityList = citySnapshot.docs.map(doc => doc.data()); return cityList; }Bước 4. Sử dụng gói mô-đun (webpack/Rollup) để giảm kích thước
Ghi chú. Bạn có thể bỏ qua bước này nếu bạn đang sử dụng công cụ CLI khung JavaScript như CLI góc, Tiếp theo. js, Vue CLI hoặc Tạo ứng dụng React. Xem hướng dẫn của chúng tôi về gói mô-đun để biết thêm thông tinSDK web Firebase được thiết kế để hoạt động với các gói mô-đun để xóa mọi mã không sử dụng (rung cây). Chúng tôi thực sự khuyên bạn nên sử dụng phương pháp này cho các ứng dụng sản xuất. Các công cụ như Angular CLI, Next. js, Vue CLI hoặc Tạo ứng dụng React tự động xử lý gói mô-đun cho các thư viện được cài đặt thông qua npm và được nhập vào cơ sở mã của bạn
Xem hướng dẫn của chúng tôi Sử dụng gói mô-đun với Firebase để biết thêm thông tin
Dịch vụ Firebase có sẵn cho web
Bây giờ bạn đã thiết lập để sử dụng Firebase, bạn có thể bắt đầu thêm và sử dụng bất kỳ dịch vụ Firebase có sẵn nào sau đây trong ứng dụng web của mình
Các lệnh sau đây cho biết cách nhập thư viện Firebase được cài đặt cục bộ với npm. Để biết các tùy chọn nhập thay thế, hãy xem tài liệu thư viện có sẵn
Phân tích cho Web
nhập { } từ 'firebase/analytics';
Xác thực cho Web
nhập {} từ 'firebase/auth';
Cloud Firestore cho web
nhập { } từ 'firebase/firestore';
Chức năng đám mây cho web
nhập { } từ 'firebase/chức năng';
Nhắn tin qua đám mây cho web
nhập { } từ 'firebase/nhắn tin';
Lưu trữ đám mây cho web
nhập { } từ 'firebase/storage';
Giám sát hiệu suất cho Web
nhập { } từ 'firebase/hiệu suất';
Cơ sở dữ liệu thời gian thực cho Web
nhập {} từ 'cơ sở dữ liệu/cơ sở dữ liệu';
Cấu hình từ xa cho web
nhập { } từ 'firebase/remote-config';
Kiểm tra ứng dụng cho web
nhập { } từ 'firebase/kiểm tra ứng dụng';
Bước tiếp theo
Tìm hiểu về Firebase
Khám phá các ứng dụng Firebase mẫu
Trải nghiệm thực tế với Firebase Web Codelab
Khám phá mã nguồn mở trong GitHub
Xem lại các môi trường được hỗ trợ cho Firebase JavaScript SDK
Tăng tốc độ phát triển của bạn với các thư viện nguồn mở bổ sung do Firebase duy trì, như AngularFire, RxFire và FirebaseUI dành cho web