2024-07-05|閱讀時間 ‧ 約 24 分鐘

後端框架與API 開發(2-2) – 靜態資源產生假資料

    ※ 用 faker 套件產生假資料步驟

    • 安裝 faker套件快速生成假資料(人名、地名、時間)。
    npm install faker@5.5.3
    • 引入 faker 套件:
    const faker = require('faker')
    • 建立data資料夾來生成假資料。創建一個名為 generateData.js 的檔案,並在其中使用 faker 來生成假資料。
    const faker = require('faker');

    function generateFakeData() {
    return {
    name: faker.name.findName(),
    address: faker.address.streetAddress(),
    city: faker.address.city(),
    email: faker.internet.email(),
    date: faker.date.recent()
    };
    }

    module.exports = generateFakeData;
    • 建立Express應用程式並引用假資料生成函數。可以在主檔案(如 app.js 或 index.js)中引用並使用這些資料。
    const express = require('express');

    const path = require('path');

    const generateFakeData = require('./data/generateData'); // 引入生成假資料的函數

    const app = express();

    const PORT = process.env.PORT || 3000;

    // 設定靜態檔案資料夾

    app.use(express.static(path.join(__dirname, 'public')));

    // 建立路由,並在路由中使用假資料

    app.get('/fake-data', (req, res) => {

    const fakeData = generateFakeData();

    res.json(fakeData);

    });

    app.listen(PORT, () => {

    console.log(`Server is running on port ${PORT}`);

    });

    ※ 用 Vscode 套件產生假資料步驟

    • Extensions的icon中搜尋lorem。
    • 點擊Lorem ipsum進行安裝。
    • ctrl+shift+P。
    • 跑出列表後搜尋lorem。
    • 從快速指令中選擇想插入幾行文字。
    • 插入多段文字記得使用「``」,避免發生錯誤。
    分享至
    成為作者繼續創作的動力吧!
    © 2024 vocus All rights reserved.