Expressはログイン認証を実装

Expressはログイン認証を実装

この記事では、ログイン認証を実装するためのExpressの具体的なコードを例として紹介します。具体的な内容は以下のとおりです。

Express によって実装されたルーティング ログインは、多くのシナリオに適用できます。このコードは、将来の使用のために記録されます。

まずメインファイル: server.js

定数 express = require('express');
定数static = require('express-static');
bodyParser は、'body-parser' を必要とします。
const multer = require('multer');
// 構成ファイルをアップロードするパス。ここではローカル アドレスです。const multerObj = multer({ dest: './static/upload' });
クッキーパーサーが必要です。
const cookieSession = require('cookie-session');
const 統合 = require('統合');
 
// サブルート ページを使用する必要があります。インストールされていることを確認してください。const expressRoute = require('express-route');
定数 mysql = require('mysql');
 
var server = express();
サーバーを listen (8080);
 
// 送信されたデータとファイルを処理します。server.use(bodyParser.urlencoded());
server.use(multerObj.any());
 
// クッキーと署名の処理 server.use(cookieParser());
(関数 () {
    var キー = [];
    (var i = 0; i < 100000; i++) の場合 {
        キー[i] = 'secret' + Math.random();
    };
    server.use(cookieSession({
        名前: 'session_id',
        キー: キー、
        最大年齢: 20 * 60 * 1000  
    }));
})();
 
// テンプレートのレンダリング server.engine('html', consolidate.ejs);
server.set('ビュー', 'テンプレート');
server.set('ビューエンジン', 'html');
 
// ルート分割 server.use('/', require('./route/web/index.js')()); // フロントエンドルーティング server.use('/admin/', require('./route/admin/index.js')()); // バックエンドルーティング // 静的データ server.use(static('./static/'));

上記は全体的な構造フレームワークです。今後はルーティング部分のみに注目してください。以下はバックグラウンドルーティング部分です。

定数 express = require('express');
 
モジュール.エクスポート = 関数 () {
 
    var ルーター = express.Router();
 
    // ログインする前に router.use((req, res, next) => {
        req.session['admin_id'] && req.url != '/login' の場合 { 
            res.redirect('/admin/login');
        } それ以外 {
            次();
        }
    });
    router.use('/login', require('./login')());
 
    
    // 通常のログイン後のその他のルート router.get('/', (req, res) => {
        res.render('admin/index.ejs', {});
    });
    // ビジネスに基づいてルーティングを追加します router.use('/banners', require('./banners')());
 
    リターンルーター;
};

Express のモジュール性は、実際にはレベルごとにルーティングすることによって定義されます。次に、上記のコード内のログイン コードの実装を見てみましょう。

定数 express = require('express');
// カプセル化されたパブリックメソッド (md5) 暗号化モジュール const common = require('../../libs/common');
定数 mysql = require('mysql');
 
var db = mysql.createPool({ 
    ホスト: 'localhost', 
    ユーザー: 'root'、 
    パスワード: '123456', 
    データベース: 'ブログ' 
});
 
モジュール.エクスポート = 関数 () {
    var ルーター = express.Router();
    router.get('/', (req, res) => {
        res.render('admin/login.ejs', {});
    });
    
    router.post('/', (req, res) => {
        var ユーザー名 = req.body.username;
        var パスワード = common.md5(req.body.password + common.MD5_SUFFIX);
        db.query(`SELECT * FROM admin_table WHERE username='${username}'`, (err, data) => {
            もし(エラー){
                // 返されるデータは非常に単純です。実際には、オブジェクトが返されます。res.status(500).send('データベース接続エラー').end();
            } それ以外 {
                データ長が0の場合
                    res.status(400).send('管理者が存在しません').end();
                } それ以外 {
                    if (data[0].password == パスワード) {
                        req.session['admin_id'] = data[0].ID;
                        res.redirect('/admin/');
                    } それ以外 {
                        res.status(400).send('パスワードが間違っています').end();
                    }
                }
            }
        });
    });
 
    リターンルーター;
};

上記のコードには common モジュールのインポートがあることに気付いたかもしれません。このファイルは主に、md5 暗号化メソッドなどのいくつかの共通メソッドを定義します。

const crypto = require('crypto');
モジュール.エクスポート = {
    MD5_SUFFIX: 'FDSW$t34tregt5tO&$(#RHuyoyiUYE*&OI$HRLuy87odlfh)',
    md5: 関数 (str) {
        var obj = crypto.createHash('md5');
        obj.update(文字列);
        obj.digest('hex') を返します。
    }
};

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • ログイン認証機能を実装するExpress + Session
  • Nodejs アドバンス: express+session でシンプルなログイン認証を実現
  • Node.js+Express+MySql でユーザーログインと登録機能を実現
  • ノードとエクスプレスを使用してMySQLに接続し、ログインと登録コードを実装します。
  • ログインと登録機能を実装するためのNode+Express+MongoDB
  • Express フレームワークで検証を実装するために JWT を使用する方法
  • 永続的なログインを実現するための Express + jwt + postMan 検証
  • Vue+Expressでログインステータス権限検証を実装するためのサンプルコード
  • NodejsはExpressを使用して、getとpostの値の転送とセッション検証メソッドを取得します。
  • DevExpressはGridControlセル編集検証メソッドを実装します

<<:  忘れられたボタンタグ

>>:  Docker クリーニングキラー/Docker オーバーレイ ファイルがディスク領域を大量に占有する

推薦する

MySQL データ操作 - DML ステートメントの使用

例示するDML(データ操作言語)とは、データベースの追加、削除、変更を行うための操作命令のことです。...

docker runコンテナの自動終了の解決策

今日、Dockerfile を使用してイメージを作成したときに問題が発生し、イメージの実行後にコンテ...

サーバーから返される14の一般的なHTTPステータスコードの詳細な説明

HTTP ステータス コードステータス コードは 3 桁の数字と理由フレーズ (最も一般的なもの: ...

HTMLシールドの右クリックメニューと左クリック入力機能の例

右クリックメニューを無効にする <body oncontextmenu=self.event....

mysql order by in の文字順序の詳細な説明 (推奨)

//MySQL ステートメント SELECT * FROM `MyTable` WHERE `id...

Vue.js の watch メソッドと computed メソッドの違いの詳細な例

目次序文導入1. 作用機序2. 自然から3. 時計と計算の比較4. メソッドはデータロジックの関係を...

モバイル Web アプリ上の画像が鮮明ではなく、非常にぼやけているのはなぜですか?

なぜ?最も簡単に言えば、ピクセルは均等ではないということです。携帯電話に表示される写真はとても繊細に...

React クラスコンポーネントのライフサイクルと実行順序

1. Reactコンポーネントを定義する2つの方法1. 関数コンポーネント。単純な関数コンポーネント...

HTMLとCSSを使用して、自分だけの暖かい男「Dabai」を作成します

最終結果はこんな感じです、かわいいでしょう… PS: HTML と CSS の知識があればベストです...

chkconfig および systemctl コマンドを使用して Linux サービスを有効または無効にする方法

これは Linux 管理者にとって重要な (そして素晴らしい) トピックなので、誰もが Linux ...

Gobangゲームを実現するためのjsキャンバス

この記事では、Gobangゲームを実装するためのキャンバスの具体的なコードを参考までに共有します。具...

jQueryはアコーディオンの小さなケースを実装します

この記事では、アコーディオンを実装するためのjQueryの具体的なコードを参考までに紹介します。具体...

WebStormはVue3統合APIのソリューションを正しく識別できません

1 問題の説明Vue3 の統合 API は、defineComponent やその他の関数が認識でき...

jsは赤い封筒の順序と量を指定するアルゴリズムを実装します

この記事では、指定された赤い封筒の順序と金額を実装するためのjsの具体的なコードを共有します。具体的...