Deploy AList trên Northflank và Supabase

Cùng mình xem cách sử dụng bậc miễn phí của Northflank và Supabase để tạo trang Index cho các Cloud Storage.

1. Giới thiệu.

Northflank là một nền tảng dành cho nhà phát triển toàn diện để xây dựng và mở rộng quy mô dịch vụ vi mô, công việc và cơ sở dữ liệu được quản lý với giao diện người dùng, API & CLI mạnh mẽ.

Supabase là một giải pháp mã nguồn mở thay thế cho Firebase. Chúng tôi đang sử dụng các công cụ mã nguồn mở đạt chuẩn doanh nghiệp để xây dựng các chức năng mà Firebase cung cấp.

Northflank và Supabase đều cung cấp bậc miễn phí để ta có thể built, deploy một số app nhỏ để sử dụng.

northflank-free-tier.jpgsubapase-free-tier.jpg

2. Tạo Database trên Supabase.

Truy cập đường dẫn: https://supabase.com/pricing. Chọn Free Plan và đăng ký tài khoản.

Vào trang dashboard tạo New Project để khởi tạo 1 Database.

supabase-create-db.jpg

Đợi khoảng 5 phút sau khi DB Project Status chuyển màu xanh thì chọn Connect để lấy thông tin kết nối của Database.

supabase-db-connection.jpg .

1user=postgres.aabbccddeeffgg
2password=[YOUR-PASSWORD]
3host=aabbccddeeff.pooler.supabase.com 
4port=6543 
5dbname=postgres

Như vậy là xong phần database.

3. Deploy AList trên Northflank.

Truy cập đường dẫn: https://northflank.com/pricing. Chọn Developer Sandbox Plan và tiến hành tạo tài khoản.

Sau khi có tài khoản các bạn tiến hành tạo Project

northflank-create-project.jpg

Tiếp theo, Add new service

  • Chọn Deploy a Docker Image
  • Chọn External Docker
  • Điền vào ô Image: xhofe/alst:latest

northflank-create-service.jpg

  • Networking:
    • Port: 5244
    • Protocol HTTP
    • [v] Publicly expose this port to the internet

northflank-create-service-networking.jpg

  • Enviroment variables: Thêm các enviroment như sau

    • PORT: 5244
    • DP_TYPE: postgres
    • DP_HOST: aabbccddeeff.pooler.supabase.com
    • DP_PORT: 6543
    • DP_NAME: postgres
    • DP_USER: postgres.aabbccddeeffgg
    • DP_PASS: YOUR_DB_PASSWORD
    • DP_SSL_MODE: PREFERRED
    • CACHE_EXPIRATION: 60
    • CLEANUP_INTERVAL: 120
    • CDN: https://cdn.jsdelivr.net/npm/alist-web@$version/dist

    northflank-create-service-env.jpg .

4. Login vào AList.

Truy cập vào log của Container để lấy Admin Password:

1stderr F INFO[2024-06-16 08:43:14] Successfully created the admin user and the initial password is: aabbccdd

Khi đó tài khoản login của bạn

1ID: admin
2Password: aabbccddee

Overview --> Ports --> Public. Bạn sẽ thấy 1 domain miễn phí mà Northflank cung cấp có dạng https://aabbccddeeff.code.run/.

alist-demo.jpg

5. Một số trang DEMO