ホームページ ウェブフロントエンド フロントエンドQ&A ユーザーが一度だけいいねできる機能をnodejsで実装

ユーザーが一度だけいいねできる機能をnodejsで実装

May 12, 2023 am 10:53 AM

ユーザーがより適切に参加して対話できるようにするために、多くの Web サイトでは、ユーザーが興味のあるコンテンツと対話できるように、「いいね!」やコメントなどの機能が追加されます。しかし、制限がないと無制限にいいねをすることができてしまい、いいねの意味がなくなってしまいますし、無用なトラブルが発生することもあります。したがって、ユーザーを 1 つのいいねに制限する機能を実装する方法が必要です。

この記事では、Node.jsを使用して、ユーザーに1回だけいいねを許可する機能を実装します。始める前に、使用する必要があるテクニックとツールを見てみましょう。

Node.js は、高性能 Web アプリケーションを開発するための Chrome V8 エンジンに基づく JavaScript ランタイム環境です。サーバーサイド JavaScript コードを作成するためのインフラストラクチャとライブラリを提供し、効率的な Web アプリケーションを簡単に作成できるようにします。

Express は人気のある Node.js Web フレームワークで、ルーティング、エラー処理、HTTP リクエストに基づくビューのレンダリングなどの一連の機能を提供し、スケーラブルな Web アプリケーションを迅速に構築できます。

MongoDB は、ドキュメント ストレージ モデルを使用し、さまざまなデータ型をサポートできる非リレーショナル データベース管理システムです。これは、複雑なデータの保存と管理に使用できる、高性能でスケーラブルなデータベースです。

さあ、関数の実装を始めましょう。まず、次のコマンドを使用して、新しい Express アプリケーションを構築する必要があります:

mkdir nodejs-like-demo
cd nodejs-like-demo
npm init  // 创建 package.json 文件
npm install express --save
ログイン後にコピー

Express のインストールが完了したら、次のコードをアプリケーションに追加してルーティングとプロセッサを設定する必要があります:

const express = require('express');
const app = express();

app.get('/', (req, res) => {
    res.send('Hello, world!');
});

app.listen(3000, () => {
    console.log('Server is running on port 3000');
});
ログイン後にコピー

このコードは、単純な「Hello, world!」メッセージをユーザーに送信するための単純なルートとハンドラーを作成します。これで、次のコマンドを使用してアプリケーションを起動できるようになります:

node app.js
ログイン後にコピー
ログイン後にコピー

次に、ユーザーなどのデータを保存するデータベースを作成する必要があります。 MongoDB データベースを使用してデータを保存できます。まず、次のコマンドを使用して MongoDB をインストールする必要があります:

brew install mongodb
ログイン後にコピー

次に、データを保存するデータベースを作成する必要があります。次のコマンドを使用してデータベースを作成できます:

mongo
> use nodejs-like-demo
ログイン後にコピー

次に、ユーザー データを保存するために users という名前のコレクションを作成する必要があります:

> db.createCollection('users')
ログイン後にコピー

次に、It という名前のコレクションを作成する必要がありますはいいねのコレクションであり、いいねデータを保存するために使用されます:

> db.createCollection('likes')
ログイン後にコピー

データベースの設定が完了したので、ユーザーのいいねリクエストを処理するルートを作成する必要があります。次のコードを使用して、新しいルート ハンドラーを追加できます。

app.post('/like', (req, res) => {
    const userId = req.body.userId;
    const postId = req.body.postId;
    const like = {
        userId: userId,
        postId: postId
    };
    const likes = db.collection('likes');
    const filter = { userId: userId, postId: postId };
    likes.findOne(filter, (err, result) => {
        if (result) {
            res.status(400).send('You already liked this post');
        } else {
            likes.insertOne(like, (err, result) => {
                if (err) {
                    console.log(err);
                    res.status(500).send('Internal Server Error');
                } else {
                    res.send('Success');
                }
            });
        }
    });
});
ログイン後にコピー

このコードでは、最初にユーザー ID と投稿 ID を取得し、次に like オブジェクトを作成します。 MongoDB データベースのコレクション オブジェクトを使用していいねコレクションを取得し、ユーザーがすでに投稿に「いいね!」を付けているかどうかを確認します。ユーザーがすでに投稿に「いいね!」を付けている場合は、エラー メッセージを送信します。そうでない場合は、「いいね!」をデータベースに挿入します。

これで必要なコードがすべて完成したので、次のコマンドを使用してアプリケーションを起動し、postman などのツールを通じて新しいエンドポイントに POST リクエストを送信できます。次のコマンドはサーバーに POST リクエストを送信します:

node app.js
ログイン後にコピー
ログイン後にコピー

このようにして、ユーザーが 1 回だけいいねできる機能が完成しました。実際のアプリケーションでは、さらに多くのテクノロジーとツールを使用して、この機能を改善できます。たとえば、JWT を使用してユーザーがログイン ユーザーであるかどうかを確認したり、Redis などのメモリ内キャッシュ システムを使用してデータ アクセスを高速化したりできます。

つまり、Node.js は、高パフォーマンスの Web アプリケーションを迅速に構築し、ユーザーが 1 回しかいいねできないなどの複雑な機能を実装するのに役立つ多くの強力なツールとテクノロジを提供します。これらのツールやテクノロジーを活用するだけで、ユーザーが一度だけ気に入った機能を簡単に実装することができ、ユーザーにより良い体験とインタラクションを提供できます。

以上がユーザーが一度だけいいねできる機能をnodejsで実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

UseEffectとは何ですか?副作用を実行するためにどのように使用しますか? UseEffectとは何ですか?副作用を実行するためにどのように使用しますか? Mar 19, 2025 pm 03:58 PM

この記事では、functionコンポーネントでのデータフェッチやDOM操作などの副作用を管理するためのフックであるReactの使用Effectについて説明します。メモリリークなどの問題を防ぐための使用、一般的な副作用、およびクリーンアップについて説明します。

怠zyなロードの概念を説明してください。 怠zyなロードの概念を説明してください。 Mar 13, 2025 pm 07:47 PM

怠zyな読み込みは、必要になるまでコンテンツの読み込みを遅延させ、初期負荷時間とサーバーの負荷を削減することにより、Webパフォーマンスとユーザーエクスペリエンスを改善します。

React和解アルゴリズムはどのように機能しますか? React和解アルゴリズムはどのように機能しますか? Mar 18, 2025 pm 01:58 PM

この記事では、Virtual DOMツリーを比較してDOMを効率的に更新するReactの調整アルゴリズムについて説明します。パフォーマンスの利点、最適化技術、ユーザーエクスペリエンスへの影響について説明します。

JavaScriptでカリーはどのように機能し、その利点は何ですか? JavaScriptでカリーはどのように機能し、その利点は何ですか? Mar 18, 2025 pm 01:45 PM

この記事では、JavaScriptのカレーについて説明します。これは、マルチアーグメント関数を単一argument関数シーケンスに変換する手法です。 Curryingの実装、部分的なアプリケーションなどの利点、実用的な用途、コード読み取りの強化を調査します

JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか? JavaScriptの高次関数とは何ですか?また、より簡潔で再利用可能なコードを書くためにどのように使用できますか? Mar 18, 2025 pm 01:44 PM

JavaScriptの高次関数は、抽象化、共通パターン、および最適化技術を通じて、コードの簡潔さ、再利用性、モジュール性、およびパフォーマンスを強化します。

usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか? usecontextとは何ですか?コンポーネント間で状態を共有するためにどのように使用しますか? Mar 19, 2025 pm 03:59 PM

この記事では、ReactのUseContextを説明しています。これにより、小道具掘削を避けることで国家管理を簡素化します。再レンダーの削減により、集中状態やパフォーマンスの改善などの利点について説明します。

connect()を使用して、ReactコンポーネントをReduxストアにどのように接続しますか? connect()を使用して、ReactコンポーネントをReduxストアにどのように接続しますか? Mar 21, 2025 pm 06:23 PM

記事では、Connect()、MapStateToprops、MapDispatchToprops、およびパフォーマンスへの影響を説明するReduxストアに反応コンポーネントをReduxストアに接続します。

イベントハンドラーのデフォルトの動作をどのように防止しますか? イベントハンドラーのデフォルトの動作をどのように防止しますか? Mar 19, 2025 pm 04:10 PM

記事では、PreventDefault()メソッドを使用して、イベントハンドラーのデフォルト動作の防止、ユーザーエクスペリエンスの強化などの利点、およびアクセシビリティの懸念などの潜在的な問題について説明します。

See all articles