強力な検索機能を備えた映画 Web サイトの構築: Web マン向け映画アプリケーション ガイド

強力な検索機能を備えた映画 Web サイトの構築: Webman の映画アプリケーション ガイド

はじめに: インターネットの普及と発展に伴い、ますます多くの人がインターネットの使用に慣れています。映画を閲覧して選択するための映画 Web サイト。この記事では、強力な検索機能を備えた映画 Web サイト - Webman の構築方法を紹介し、コード例を使用してその実装プロセスを示します。

1. プロジェクトの準備

Webman を構築するには、まず次のツールとリソースを準備する必要があります:

1. Node.js: に基づく JavaScriptバックエンド開発用の Chrome V8 エンジン ランタイム環境。
2. Express.js: サーバー側アプリケーションを迅速に構築するための、高速でオープンな最小限の Web アプリケーション フレームワーク。
3. MongoDB: 映画情報データを保存するために使用される非リレーショナル データベース。
4. TMDb API: 映画情報や映画データベースを提供する API。この API を使用して動画データを取得します。

2. プロジェクトを作成します

まず、コンピューター上に 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;

// 在这里编写代码

3. ムービー データの取得

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

4. ムービー データの保存

次に、ムービー データを取得する必要があります。 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');
            }
          });
        });
      });
    });
  }
});

5. 検索機能の実装

次に、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=keyword を呼び出して検索関数を実装できます。

6. テスト

これで、Webman の基本的な機能が実装されました。次のコマンドを使用してサーバーを起動し、ブラウザで http://localhost:3000/movies/search?keyword=Wolverine にアクセスして検索機能をテストします。すべてが正常に動作し、ムービー データが返されることがわかります。

結論: この記事では、強力な検索機能を備えた動画サイト - Webman の構築方法を紹介します。 Node.js、Express.js、MongoDBを利用することで、動画データの取得・保存・検索機能を実装することに成功しました。この記事が独自の映画 Web サイトの構築に役立つことを願っています。

以上が強力な検索機能を備えた映画 Web サイトの構築: Web マン向け映画アプリケーション ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。