>本文探討了均值堆棧應(yīng)用程序中的用戶身份驗證，采用通用體系結(jié)構(gòu)：與node.js，express.js和基于mongodb的and appi相互作用的角度單頁應(yīng)用程序。 我們將介紹安全用戶管理的關(guān)鍵方面。

核心身份驗證挑戰(zhàn)：

這個過程需要解決幾個關(guān)鍵點：

1. 用戶注冊。
2. 安全的數(shù)據(jù)存儲（密碼從未直接存儲）。>
>用戶登錄。
>在頁面訪問中維護(hù)主動用戶會話。
>僅限制對身份驗證的用戶對特定頁面的訪問。>
5. >基于登錄狀態(tài)動態(tài)調(diào)整用戶界面（例如，顯示“登錄”或“我的個人資料”按鈕）。

>在進(jìn)行代碼之前，讓我們檢查高級身份驗證流：>

用戶數(shù)據(jù)，包括哈希密碼，位于mongodb中。 api（express.js）：客戶端互動（Angular）：> jwts： jwts，更換傳統(tǒng)cookie，是依靠靜止API的單頁應(yīng)用程序的理想選擇。 它們在成功的注冊或登錄時生成。>
• >會話管理：> 使用Node.js's
模塊將密碼
• 安全：密碼。 Passport.js，在Express中實現(xiàn)身份驗證策略（特別是用于用戶名/密碼驗證的本地策略）。
• >示例應(yīng)用程序結(jié)構(gòu)： 完整的代碼可在GitHub上找到。 先決條件包括Node.js，MongoDB和Angular Cli。 crypto
Angular應(yīng)用程序：

Angular應(yīng)用具有四個基本頁面：

主頁 寄存器

登錄

profile（僅登錄用戶僅訪問）

1. > REST API（node.js，express.js，mongodb）：
API包含三個核心路線：
3. 1. /api/register（post）：用戶注冊。
   >
   2. >/api/login（post）：用戶登錄。
   3. >/api/profile/:USERID>（get）：檢索用戶配置文件詳細(xì)信息（受保護(hù)）。
   >

   > mongodb schema（mongoose）：>

   中的簡單用戶架構(gòu)定義/api/models/users.js，email，name和hash>字段。 salt字段是唯一的。email

   var userSchema = new mongoose.Schema({
     email: { type: String, unique: true, required: true },
     name: { type: String, required: true },
     hash: String,
     salt: String
   });

   密碼哈希和鹽鹽：

   和setPassword>方法，利用node.js的validPassword模塊，處理安全密碼管理而無需直接存儲密碼。crypto>

   userSchema.methods.setPassword = function(password) {
     this.salt = crypto.randomBytes(16).toString('hex');
     this.hash = crypto.pbkdf2Sync(password, this.salt, 1000, 64, 'sha512').toString('hex');
   };
   
   userSchema.methods.validPassword = function(password) {
     var hash = crypto.pbkdf2Sync(password, this.salt, 1000, 64, 'sha512').toString('hex');
     return this.hash === hash;
   };

   jwt生成：

   方法使用

   >模塊來創(chuàng)建JWT。 generateJwt記住，請記住將您的秘密安全地存儲為環(huán)境變量，而不是直接在代碼中。 jsonwebtoken PASSPORT.JS配置：

   Passport.js

   userSchema.methods.generateJwt = function() {
     var expiry = new Date();
     expiry.setDate(expiry.getDate() + 7);
   
     return jwt.sign({
       _id: this._id,
       email: this.email,
       name: this.name,
       exp: parseInt(expiry.getTime() / 1000),
     }, "MY_SECRET");
   };

   passport.js簡化了Express中的身份驗證。

   文件定義了本地策略：

   api端點和身份驗證：/api/config/passport.js

   >

   passport.use(new LocalStrategy({ usernameField: 'email' }, function(username, password, done) {
     User.findOne({ email: username }, function(err, user) {
       // ... (error handling and password verification logic) ...
     });
   }));

   文件定義了API路由，包括使用的JWT身份驗證的中間件：

   /api/routes/index.js角身份驗證服務(wù)：express-jwt

   > Angular Service（

   var auth = jwt({ secret: 'MY_SECRET', userProperty: 'payload' });
   router.get('/profile', auth, ctrlProfile.profileRead);

   ）管理JWT存儲（LocalStorage），檢索，刪除，API調(diào)用，登錄狀態(tài)檢查和用戶詳細(xì)信息從JWT。

   角路線保護(hù)：

   > Angular Routar Guard（

   ）保護(hù)authentication.service.ts路線，確保只登錄的用戶才能訪問它。

   結(jié)論： 本綜合指南詳細(xì)說明了在平均堆棧應(yīng)用程序中構(gòu)建安全身份驗證系統(tǒng)。 切記始終優(yōu)先考慮安全密碼處理和JWT管理。 提供的示例為在您自己的項目中實現(xiàn)強(qiáng)大的用戶身份驗證提供了堅實的基礎(chǔ)。

   >

   常見問題（常見問題解答）：auth-guard.service.ts（原始常見問題解答已經(jīng)非常全面且寫得很好。我不會在這里重復(fù)這些問題，因為加上它們會使他們的回答過長。）/profile

以上是用均值堆棧的用戶身份驗證的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！