"Se um trabalhador quiser fazer bem o seu trabalho, ele deve primeiro afiar suas ferramentas." - Confúcio, "Os Analectos de Confúcio. Lu Linggong"
Primeira página > Programação > Construindo um aplicativo encurtador de URL com Node.js e MongoDB

Construindo um aplicativo encurtador de URL com Node.js e MongoDB

Publicado em 30/07/2024
Navegar:619

Building a URL Shortener App with Node.js and MongoDB

Criar um serviço de encurtador de URL é uma ótima maneira de mergulhar no desenvolvimento full-stack com Node.js e MongoDB. Neste blog, percorreremos o processo de construção de um aplicativo encurtador de URL, que permite aos usuários converter URLs longos em versões abreviadas e rastrear seu uso.

Pré-requisitos

Para seguir este tutorial, você deve ter:

  • Node.js instalado
  • Conhecimento básico de JavaScript e Express.js
  • Um banco de dados MongoDB (você pode usar o MongoDB Atlas para uma solução em nuvem)

Configuração do projeto

Etapa 1: inicializar o projeto

Primeiro, crie um novo diretório para seu projeto e inicialize-o com npm:

mkdir url-shortener-app
cd url-shortener-app
npm init -y

Etapa 2: instalar dependências

Em seguida, instale as dependências necessárias:

npm install express mongoose cors dotenv
npm install --save-dev nodemon

Etapa 3: Estrutura do Projeto

Crie a seguinte estrutura de pastas:

url-shortener-app/
├── controllers/
│   └── urlController.js
├── models/
│   └── urlModel.js
├── routes/
│   └── urlRoutes.js
├── .env
├── index.js
├── package.json

Construindo o back-end

Etapa 4: configurar o servidor expresso

No arquivo index.js, configure o servidor Express e conecte-se ao MongoDB:

const express = require('express');
const mongoose = require('mongoose');
const urlRoutes = require('./routes/urlRoutes');
const cors = require('cors');

const app = express();
app.use(express.json());

require("dotenv").config();

const dbUser = process.env.MONGODB_USER;
const dbPassword = process.env.MONGODB_PASSWORD;

// Connect to MongoDB
mongoose
    .connect(
        `mongodb srv://${dbUser}:${dbPassword}@cluster0.re3ha3x.mongodb.net/url-shortener-app`,
        { useNewUrlParser: true, useUnifiedTopology: true }
    )
    .then(() => {
        console.log("Connected to MongoDB database!");
    })
    .catch((error) => {
        console.error("Connection failed!", error);
    });

app.use(cors({
    origin: "*",
}));

app.get('/', (req, res) => {
    res.send('Welcome to URL Shortener API');
});

app.use('/api', urlRoutes);

const PORT = process.env.PORT || 5000;
app.listen(PORT, () => {
    console.log(`Server is running on port ${PORT}`);
});

Crie um arquivo .env no diretório raiz para armazenar variáveis ​​de ambiente:

MONGODB_USER=yourMongoDBUsername
MONGODB_PASSWORD=yourMongoDBPassword

Etapa 5: definir o modelo de URL

No arquivo models/urlModel.js, defina o esquema para URLs:

const mongoose = require('mongoose');

const urlSchema = new mongoose.Schema({
    originalUrl: { type: String, required: true },
    shortUrl: { type: String, required: true, unique: true },
    clicks: { type: Number, default: 0 },
    expirationDate: { type: Date },
    createdAt: { type: Date, default: Date.now },
});

module.exports = mongoose.model('Url', urlSchema);

Etapa 6: criar rotas

No arquivo Routes/urlRoutes.js, defina as rotas para a API:

const express = require('express');
const { createShortUrl, redirectUrl, getUrls, getDetails, deleteUrl } = require('../controllers/urlController');
const router = express.Router();

router.post('/shorten', createShortUrl);
router.get('/urls', getUrls);
router.get('/:shortUrl', redirectUrl);
router.get('/details/:shortUrl', getDetails);
router.delete('/delete/:shortUrl', deleteUrl);

module.exports = router;

Etapa 7: Implementar Controladores

No arquivo controllers/urlController.js, implemente as funções do controlador:

const Url = require('../models/urlModel');

function generateUniqueId(length) {
    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let result = '';
    for (let i = 0; i  {
    const { originalUrl } = req.body;
    const shortUrl = generateUniqueId(5);
    const urlRegex = new RegExp(/^(http|https):\/\/[^ "] $/);
    if (!urlRegex.test(originalUrl))
        return res.status(400).json('Invalid URL');
    const url = await Url.findOne({ originalUrl });
    if (url) {
        res.json(url);
        return;
    }
    const expirationDate = new Date();
    expirationDate.setDate(expirationDate.getDate()   7);
    const newUrl = new Url({ originalUrl, shortUrl, expirationDate });
    await newUrl.save();
    res.json(newUrl);
};

const redirectUrl = async (req, res) => {
    const { shortUrl } = req.params;
    const url = await Url.findOne({ shortUrl });
    if (!url || (url.expirationDate && url.expirationDate  {
    try {
        const urls = await Url.find({}).sort({ _id: -1 });
        res.json(urls);
    } catch (error) {
        res.status(500).json({ message: 'Server Error' });
    }
};

const getDetails = async (req, res) => {
    try {
        const { shortUrl } = req.params;
        const url = await Url.findOne({ shortUrl });
        if (url) {
            res.json(url);
        } else {
            res.status(404).json('URL not found');
        }
    } catch (error) {
        res.status(500).json({ message: 'Server Error' });
    }
};

const deleteUrl = async (req, res) => {
    try {
        const { shortUrl } = req.params;
        await Url.findOneAndDelete({ shortUrl });
        res.json('URL deleted');
    } catch (error) {
        res.status(500).json({ message: 'Server Error' });
    }
};

module.exports = { createShortUrl, redirectUrl, getDetails, getUrls, deleteUrl };

Executando o aplicativo

Inicie o servidor usando o seguinte comando:

npm run dev

Este comando iniciará seu servidor com Nodemon, que irá reiniciar automaticamente o servidor quando você fizer alterações em seu código.

Conclusão

Neste blog, construímos um aplicativo simples de encurtador de URL usando Node.js e MongoDB. Este aplicativo permite aos usuários encurtar URLs, rastrear seu uso e gerenciá-los com datas de expiração. Este projeto é um excelente ponto de partida para aprender sobre o desenvolvimento full-stack e pode ser expandido com recursos adicionais, como autenticação de usuário, aliases de URL personalizados e muito mais.

Explorando o Código

Visite o repositório GitHub para explorar o código em detalhes.


Sinta-se à vontade para personalizar o blog de acordo com suas preferências e fornecer mais detalhes ou explicações quando necessário.

Declaração de lançamento Este artigo foi reproduzido em: https://dev.to/manthanank/building-a-url-shortener-app-with-nodejs-and-mongodb-bhh?1 Se houver alguma violação, entre em contato com [email protected] para excluí-lo
Tutorial mais recente Mais>

Isenção de responsabilidade: Todos os recursos fornecidos são parcialmente provenientes da Internet. Se houver qualquer violação de seus direitos autorais ou outros direitos e interesses, explique os motivos detalhados e forneça prova de direitos autorais ou direitos e interesses e envie-a para o e-mail: [email protected]. Nós cuidaremos disso para você o mais rápido possível.

Copyright© 2022 湘ICP备2022001581号-3