ホームページ > 記事 > PHPフレームワーク > 強力な検索機能を備えた映画 Web サイトの構築: Web マン向け映画アプリケーション ガイド
強力な検索機能を備えた映画 Web サイトの構築: Webman の映画アプリケーション ガイド
はじめに: インターネットの普及と発展に伴い、ますます多くの人がインターネットの使用に慣れています。映画を閲覧して選択するための映画 Web サイト。この記事では、強力な検索機能を備えた映画 Web サイト - Webman の構築方法を紹介し、コード例を使用してその実装プロセスを示します。
1. プロジェクトの準備
Webman を構築するには、まず次のツールとリソースを準備する必要があります:
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 サイトの他の関連記事を参照してください。