Membina Laman Web Filem dengan Carian Berkuasa: Panduan Webman untuk Aplikasi Filem

Bina laman web filem dengan fungsi carian yang berkuasa: Panduan Aplikasi Filem Webman

Pengenalan: Dengan populariti dan perkembangan Internet, semakin ramai orang terbiasa menggunakan tapak web filem untuk menyemak imbas dan memilih filem. Artikel ini akan memperkenalkan cara membina tapak web filem dengan fungsi carian yang berkuasa - Webman, dan menunjukkan proses pelaksanaannya melalui contoh kod.

1. Penyediaan projek

Untuk membina Webman, kami perlu menyediakan alatan dan sumber berikut terlebih dahulu:

1. Node.js: persekitaran berjalan JavaScript berdasarkan enjin Chrome V8 untuk pembangunan bahagian belakang.
2. Express.js: Rangka kerja aplikasi web yang pantas, terbuka dan minimalis untuk membina aplikasi sebelah pelayan dengan cepat.
3. MongoDB: Pangkalan data bukan perhubungan yang digunakan untuk menyimpan data maklumat filem.
4. TMDb API: API yang menyediakan maklumat filem dan pangkalan data filem. Kami akan menggunakan API ini untuk mendapatkan data filem.

2 Cipta projek

Mula-mula, kami mencipta folder bernama Webman pada komputer, kemudian buka alat baris arahan, masukkan folder dan laksanakan arahan berikut untuk memulakan projek Node.js baharu:

npm init -y

Kemudian, kami memasang Express.js dan pemacu Node.js untuk MongoDB:

npm install express mongodb

Seterusnya, kami mencipta fail bernama index.js dan mengimport modul yang diperlukan di dalamnya:

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

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

// 在这里编写代码

3. Dapatkan Data Filem

Kami akan menggunakan API TMDb untuk mendapatkan data filem. Pertama, kita perlu memohon kunci API di tapak web rasmi TMDb. Selepas mendapatkan kunci API, kita boleh menggunakan kod berikut untuk menghantar permintaan kepada TMDb dan mendapatkan data filem:

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);
    });
  });
});

4. Simpan data filem

Seterusnya, kita perlu menyimpan data filem yang diperoleh ke dalam pangkalan data MongoDB. Mula-mula, kita perlu mencipta pangkalan data bernama webman dalam MongoDB dan mencipta koleksi bernama movies. Kami kemudiannya boleh menyimpan data ke dalam pangkalan data menggunakan kod berikut: 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=金刚狼

node index.js

rrreee

Atas ialah kandungan terperinci Membina Laman Web Filem dengan Carian Berkuasa: Panduan Webman untuk Aplikasi Filem. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!