Upravljanje dostopa do lokalne datoteke za dejanja strežnika Next.js 14.1 na Vercelu

Odpravljanje težav z dostopom do datoteke v dejanjih strežnika Next.js 14.1 z uporabo različnih metod

Za varen dostop do lokalnih datotek v proizvodnji ta rešitev uporablja zaledje Node.js s potjo API.

const { PDFDocument } = require('pdf-lib');
const fs = require('fs');
const path = require('path');
export default async function handler(req, res) {
  try {
    const pdfDataDir = path.join(process.cwd(), 'actions', 'pdf_data');
    const templatePath = path.join(pdfDataDir, 'template.pdf');
    const pdfDoc = await PDFDocument.load(fs.readFileSync(templatePath));
    const pdfBytes = await pdfDoc.save();
    res.setHeader('Content-Type', 'application/pdf');
    res.status(200).send(pdfBytes);
  } catch (error) {
    res.status(500).send('Error generating PDF');
  }
}

Nato uporabite modularno konfiguracijo spletnega paketa za kopiranje datotek. Proizvodne zgradbe za JavaScript

Da bi zagotovili, da so lokalne datoteke pravilno povezane v produkcijo, ta pristop spremeni nastavitve Webpack.

const CopyPlugin = require('copy-webpack-plugin');
const path = require('path');
module.exports = {
  webpack: (config, { dev, isServer }) => {
    if (!dev && isServer) {
      config.plugins.push(
        new CopyPlugin({
          patterns: [{
            from: path.join(__dirname, 'actions', 'pdf_data'),
            to: path.join(__dirname, '.next', 'server', 'actions', 'pdf_data'),
          }],
        })
      );
    }
    return config;
  },
};

Dinamično dostopanje do datotek z uporabo poti API namesto dejanj strežnika

Pri tej metodi uporabljamo poti API namesto dinamičnega dostopa do datotek, da zagotovimo lokalno streženje datotek, pripravljeno za proizvodnjo.

import { promises as fs } from 'fs';
import path from 'path';
export default async function handler(req, res) {
  try {
    const pdfDataDir = path.join(process.cwd(), 'actions', 'pdf_data');
    const filePath = path.join(pdfDataDir, 'template.pdf');
    const file = await fs.readFile(filePath);
    res.setHeader('Content-Type', 'application/pdf');
    res.status(200).send(file);
  } catch (err) {
    res.status(500).send('Error loading file');
  }
}

Preizkus enote za dostop do datotek v API Route

Ta preizkus enote potrjuje, da se datoteka PDF ustrezno streže po poti API-ja.

import handler from '../pages/api/generate-pdf';
import { createMocks } from 'node-mocks-http';
describe('PDF Generation API', () => {
  it('should return a PDF', async () => {
    const { req, res } = createMocks({ method: 'GET' });
    await handler(req, res);
    expect(res._getStatusCode()).toBe(200);
    expect(res._getHeaders()['content-type']).toBe('application/pdf');
  });
});

Pogosta vprašanja o ravnanju z lokalnimi datotekami v dejanjih strežnika Next.js

1. Kako lahko zagotovim, da so lokalne datoteke na voljo v proizvodnji?
2. Z vključitvijo CopyPlugin v vaši konfiguraciji Webpacka lahko zagotovite, da so lokalna sredstva, kot so PDF-ji in pisave, združena v gradnjo in da so dostopna.
3. Zakaj dobim napake ENOENT v proizvodnji?
4. Razlog za to napako je, da v sistemih, kot je Vercel, datoteke ali imeniki, do katerih poskušate dostopati, niso bili vključeni v produkcijsko gradnjo.
5. Želim dostopati do datotek, vendar ali lahko uporabim poti API namesto dejanj strežnika?
6. Da, morda imate dodaten nadzor in zagotovite, da so datoteke pravilno zagotovljene v produkcijskem okolju s prenosom funkcije dostopa do datotek na pot API.
7. Kakšna je vloga process.cwd() v poteh datotek?
8. process.cwd() zagotavlja trenutni delovni imenik in pomaga pri dinamičnem ustvarjanju poti datotek neodvisno od različic okolja.
9. Ali naj za shranjevanje datotek uporabim @vercel/blob?
10. Čeprav je možnost @vercel/blob, lahko povzroči zaostajanje procesov, kot je izdelava PDF. Hitrejše možnosti so lahko poti API ali neposreden dostop do datoteke.

Končne misli o ravnanju z lokalnim dostopom do datotek

Dostop do lokalnih datotek je lahko velika težava pri uporabi dejanj strežnika v Next.js 14.1, zlasti na Vercelu. Vendar pa lahko razvijalci zagotovijo, da so njihove datoteke zapakirane in na voljo v produkciji z uporabo tehnologij, kot sta Webpack's CopyPlugin in API poti.

Težavam se lahko izognete tako, da se osredotočite na tehnike dinamičnega ravnanja z datotekami, kot je premik funkcionalnosti datoteke na poti API-ja. Nadaljnje raziskave tehnik dostopa do datotek lahko privedejo do še učinkovitejših rešitev za poznejše uvedbe.