構建具有強大搜索功能的電影網站：Webman的電影應用指南-魔扣目錄

構建具有強大搜索功能的電影網站：Webman的電影應用指南

導語：隨著互聯網的普及和發展，越來越多的人習慣使用電影網站來瀏覽和選擇電影。本文將介紹如何構建一個具有強大搜索功能的電影網站——Webman，通過代碼示例展示其實現過程。

一、項目準備

為了構建Webman，我們首先需要準備以下工具和資源：

Node.js：一種基于Chrome V8引擎的JavaScript運行環境，用于后端開發。Express.js：一個快速、開放、極簡的web應用框架，用于快速搭建服務器端應用。MongoDB：一種非關系型的數據庫，用于存儲電影信息數據。TMDb API：一個提供電影信息和電影數據庫的API。我們將使用該API獲取電影數據。

二、創建項目

首先，我們在電腦上創建一個名為Webman的文件夾，然后打開命令行工具，進入該文件夾，并執行以下命令來初始化一個新的Node.js項目：

npm init -y

登錄后復制

然后，我們安裝Express.js和MongoDB的Node.js驅動程序：

npm install express mongodb

登錄后復制

接下來，我們創建一個名為index.js的文件，并在其中導入所需的模塊：

const express = require('express');
const MongoClient = require('mongodb').MongoClient;

const app = express();
const port = 3000;

// 在這里編寫代碼

登錄后復制

三、獲取電影數據

我們將使用TMDb API來獲取電影數據。首先，我們需要在TMDb官網上申請一個API密鑰。獲取到API密鑰后，我們可以使用以下代碼來向TMDb發送請求并獲取電影數據：

const apiKey = 'YOUR_API_KEY';

app.get('/movies', (req, res) => {
  const url = `https://api.themoviedb.org/3/discover/movie?api_key=${apiKey}`;

  // 使用Node.js的內置http模塊來發送請求
  http.get(url, (response) => {
    let data = '';

    response.on('data', (chunk) => {
      data += chunk;
    });

    response.on('end', () => {
      const movies = JSON.parse(data).results;
      res.send(movies);
    });
  });
});

登錄后復制

四、存儲電影數據

接下來，我們需要將獲取到的電影數據存儲到MongoDB數據庫中。首先，我們需要在MongoDB中創建一個名為webman的數據庫，并創建一個名為movies的集合。然后，我們可以使用以下代碼將數據存儲到數據庫中：

const url = 'mongodb://localhost:27017';
const dbName = 'webman';

MongoClient.connect(url, (err, client) => {
  if (err) {
    console.log(err);
  } else {
    console.log('Connected to MongoDB');

    const db = client.db(dbName);
    const collection = db.collection('movies');
    
    app.get('/movies/save', (req, res) => {
      const url = `https://api.themoviedb.org/3/discover/movie?api_key=${apiKey}`;

      http.get(url, (response) => {
        let data = '';

        response.on('data', (chunk) => {
          data += chunk;
        });

        response.on('end', () => {
          const movies = JSON.parse(data).results;
          
          collection.insertMany(movies, (err, result) => {
            if (err) {
              console.log(err);
              res.send(err);
            } else {
              console.log('Movies saved to database');
              res.send('Movies saved to database');
            }
          });
        });
      });
    });
  }
});

登錄后復制

五、實現搜索功能

現在，我們將為Webman添加搜索功能。我們可以使用以下代碼來實現一個簡單的搜索接口：

app.get('/movies/search', (req, res) => {
  const keyword = req.query.keyword;

  const query = {
    $or: [
      { title: { $regex: keyword, $options: 'i' } },
      { overview: { $regex: keyword, $options: 'i' } }
    ]
  };

  collection.find(query).toArray((err, result) => {
    if (err) {
      console.log(err);
      res.send(err);
    } else {
      res.send(result);
    }
  });
});

登錄后復制

現在，我們可以通過調用/movies/search?keyword=關鍵詞來實現搜索功能了。

六、測試

至此，Webman的基本功能已經實現。我們可以使用以下命令來啟動服務器，并在瀏覽器中訪問http://localhost:3000/movies/search?keyword=金剛狼來測試搜索功能：