黑馬部落格——詳細步驟(十)專案功能的實現之開發環境與生產環境

6. 開發環境與生產環境

如何區分開發環境與生產環境

通過電腦作業系統中的系統環境變數區分當前是開發環境還是生產環境。

電腦→屬性

對開發環境和生產環境進行不同的操作：

開發環境中把客戶端的請求資訊列印到控制檯

7. 第三方模組config

（1）把配置資訊從專案中抽離到單獨的檔案中：

使用步驟

1.	使用npm install config命令下載模組
2.	在專案的根目錄下新建config資料夾
3.	在config資料夾下面新建default.json、development.json、production.json檔案
4.	在專案中通過require方法，將模組進行匯入
5.	使用模組內部提供的get方法獲取配置資訊

1.    使用npm install config命令下載模組

 

2.    在專案的根目錄下新建config資料夾

3.    在config資料夾下面新建default.json、development.json、production.json檔案

 

4.    在專案中通過require方法，將模組進行匯入

 

5.    使用模組內部提供的get方法獲取配置資訊

 

切換回開發環境

connect.js:

// 引入mongoose第三方模組
const mongoose = require('mongoose');
// 匯入config模組
const config = require('config');
console.log(config.get('db.host'))
// 連線資料庫
mongoose.connect(`mongodb://${config.get('db.user')}:${config.get('db.pwd')}@${config.get('db.host')}:${config.get('db.port')}/${config.get('db.name')}`, {useNewUrlParser: true })
	.then(() => console.log('資料庫連線成功'))
	.catch(() => console.log('資料庫連線失敗'))

 

驗證：網站能夠成功登入和展示資訊

 

獲取配置資訊：

config:

（2）將敏感配置資訊儲存在環境變數中

專案中有些敏感資訊，如資料庫的賬號密碼等，把專案傳送給別人，別人能登陸修改資料庫，不安全

1.	在config資料夾中建立custom-environment-variables.json檔案
2.	配置項屬性的值填寫系統環境變數的名字
3.	專案執行時config模組查詢系統環境變數，並讀取其值作為當前配置項屬於的值

 

1.    在config資料夾中建立custom-environment-variables.json檔案

 

2.    配置項屬性的值填寫系統環境變數的名字

 

3.    專案執行時config模組查詢系統環境變數，並讀取其值作為當前配置項屬於的值

驗證：網頁可以進行登入等操作