??? ?? ???? ????? ??? ??????

????? ???? ?? ???(???, ???, ???)? ???? ??? ????. ??? ??? ???? ??? ????. ??? ??? ???? ??? ??? ??? ????. ??? ?? ?? ? ??? ??; ???? ????? ?? ??? ??? ?? ???? ???? ???? ?????. ???? ??? ??? ???? ???? ??? ???? ??? ????. ??? ??? ????? ??? ?? ???? ????? ?? ?????.

?? ????????? ?? ???? ???? ???, ?? ??? ??? ??, ?? ??? ??? ???? ?? ? ?? ? ??? ??? ????? ???? ???. ?? ???? ?? ??? ??? ?? ??? ??????.

?? ???? ???:

• ?? ??? ??: ?? ??? ?? ?? ??? ???? ???? ??????.
• ???? ??: ??? ??? ???? ??? ???? ? ???? ??? ???(???, CPU, ???)? ??? ? ????.
• ???? ???: ??? ??? ???? ??(?? ??, ?? ??, ?? ??)? ?? ???? ??? ???? ??? ?? ??????.
• ?? ???? ??? ??: ????? ?? ??? ???? ???? ???? ??? ??? ???? ??? ?? ? ????.

??? ???? ??????.

???? ??? ??

??? ?? ???? ????? ?? ?? ??? ??? ????.

1. ?? ??

??? ??? ?? ???? ??? ??? ?? ???? ????. ??? ?? ??? ???? ???? ??? ??? ???? ?? ??? ???? ??? ??? ??????.

function sliceFile(file, chunkSize) {
  const fileSize = file.size;
  const chunks = Math.ceil(fileSize / chunkSize);
  const slices = Array.from({ length: chunks }, (_, index) => {
    const start = index * chunkSize;
    const end = start + chunkSize;
    return file.slice(start, end);
  });
  return slices;
}

2. ?? ???

?? ??? ??? ???? ???? ???? ?? ???? ????? ??? ??? ??????.

async function uploadChunks(fileChunks) {
  const uploadPromises = fileChunks.map((chunk) =>
    fetch('/upload', { method: 'POST', body: chunk })
  );
  const responses = await Promise.all(uploadPromises);
  return responses;
}

3. ??? ??

?? ?? ? ??? ???? ??? ??? ?? ??? ?? ???? ????.

async function compressChunk(chunk) {
  const compressedChunk = await new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.onload = (event) => {
      const result = pako.deflate(event.target.result);
      resolve(result);
    };
    reader.onerror = (event) => reject(event.error);
    reader.readAsArrayBuffer(chunk);
  });
  return compressedChunk;
}

4. ??? ??

?? ??? ? ??? ???? ??? ???? ???? ?????? ??? ?? ??? ??? ?????.

async function verifyChunk(chunk) {
  const hash = await calculateHash(chunk);
  const response = await fetch(`/verify?hash=${hash}`);
  const result = await response.json();
  return result;
}

5. ?? ??? ???

?? ???? ???? ???? ??? ???? ??? ??? ??????.

async function resumeUpload(file, resumeByte) {
  const blob = file.slice(resumeByte);
  const formData = new FormData();
  formData.append('file', blob);
  const response = await fetch('/upload', { method: 'POST', body: formData });
  const result = await response.json();
  return result;
}

6. ?? ??? ??

?? ??? ?? ?? ? ?? ? ??? ?? ??? ??? ???? ?? ???? ?????.

function sliceFile(file, chunkSize) {
  const fileSize = file.size;
  const chunks = Math.ceil(fileSize / chunkSize);
  const slices = Array.from({ length: chunks }, (_, index) => {
    const start = index * chunkSize;
    const end = start + chunkSize;
    return file.slice(start, end);
  });
  return slices;
}

??

? ????? ??? ?? ??? ???? ???? ???? ?? ??? ?????. ??? ?? ??? ??? ??? ?? ???? ????? ??? ? ??? ?? ??? ?????.

Leapcell: ??? ??? ??? ???(?? 100MB ??? ??!)

Leapcell? ? ???, ??? ?? ? Redis? ?? ??? ???? ????? ??? ?????.

• ??? ??: Node.js, Python, Go, Rust
• ?? ??? ????: ???? ???? ??? ?????.
• ?? ???: ?? ?? ?? ??? ??? ?????.
• ??? ??: ???? UI, ???? CI/CD, ??? ????
• ??? ? ???: ?? ??, ?? ???? ??

??? ?????!

X?? ??? ??????: @LeapcellHQ

?? ????? ??? ??? ?????

? ??? ???? ?? ??? ?? ???? ???? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!