ASP.NET Zero--前端應用程式

標籤：而不是   布局檔案   mic   添加   密鑰   rpo   啟用   page   pps   

前端應用程式

ASP.NET Zero包含可以作為您的公用網站或應用程式著陸頁的起點的前端頁面。首次運行項目時，您會看到首頁如下所示：

這裡有兩頁：首頁和關於。這些頁面的內容只是預留位置和示範目的。您可以根據需要完全刪除內容並構建頁面。此外，你應該改變的標誌與貴公司的標誌。

請參閱 metronic前端主題 ，為所有可能性和組件構建一個更豐富的網站。

菜單在 FrontEndNavigationProvider 類中定義。當您在此添加新功能表項目時，將自動顯示在菜單中。 右上方有一個登入連結。此連結將使我們進入登入頁面 以進入後端應用程式。

布局

前端頁面的布局位於.Web項目的“ 視圖/布局”檔案夾下 ：

_Layout是包含指令碼和樣式的主要布局檔案。語言標誌和菜單在 位於共用/組件下的標題組件中呈現。_PreFooter不使用，但如果需要，您可以將其添加到_Layout。

租戶註冊

當您點擊前端應用程式中的“新租戶”連結時，您可以註冊成為新的租戶：

在這裡，您可以建立一個新的租戶。TenantRegistration控制器是用來註冊一個新的租戶。可以啟用/禁用租戶註冊，並可以在後端應用程式的設定頁面中更改某些設定。

Account控制器

AccountController提供登入，註冊， 忘記密碼和電子郵件啟用頁面。

布局

帳戶管理頁面在Views / Account檔案夾下有一個分隔的_Layout視圖 ：

位於view-resources / Views / Account檔案夾下的 相關指令碼和樣式資源 ：

類似地，應用程式的所有視圖都具有wwwroot / view-resources檔案夾下的對應樣式和指令檔。

登入

AccountController的主視圖是“登入”頁面：

登入部分上方的租戶選擇部分僅顯示在 多租戶應用程式中，並且“子網域名稱租賃戶名稱檢測” 不可用（請參閱主機設定部分）。當我們單擊更改連結時，出現租戶更改對話方塊，我們可以更改租戶。 在初始資料庫中有一個名為Default的租戶（請參閱初始種子資料的Entity Framework部分）。將租戶名稱輸入留為空白，用host登入。

我們可以先使用admin使用者名稱和123qwe 密碼來運行應用程式。首先登入後，我們應該變更管理員密碼，因為123qwe不是很安全：

更改密碼後，我們將重新導向到後端應用程式。

社交登入

ASP.NET Zero支援社交媒體登入。要啟用它，我們應該改變如下設定一個ppsettings.json檔案。

  “Authentication”：{       “Facebook”：{       “IsEnabled”：“false”，       “AppId”：“”，       “AppSecret”：“”    }，    “Google”：{       “IsEnabled”：“false”，       “ClientId”：“”，       “ClientSecret”：“”    }，    “Twitter”：{       “IsEnabled”：“false”，       “ConsumerKey”：“”，       “ConsumerSecret”：“”    }，    “Microsoft”：{       “IsEnabled”：“false”，       “ConsumerKey”：“”，       “ConsumerSecret”：“”    }  }，

您可以在網路上找到許多文檔，以瞭解如何擷取社交平台的身分識別驗證密鑰。因此，我們不會詳細介紹在社交媒體上製作應用程式的細節。一旦你得到你的key，你可以把它們寫入appsettings.json。啟用它後，社交媒體標誌會自動顯示在登入頁面上，如下所示：

OPENID串連登入

除了社交登入，ASP.NET Zero還包括OpenId Connect Login整合。它的配置可以在 appsettings.json中更改：

“OpenId”：{   “IsEnabled”：“false”，   “Authority”：“”，   “ClientId”：“”，   “ClientSecret”：“” }

啟用後，登入頁面會顯示一個徽標（與上述社交徽標相似）。

雙因素登入

ASP.NET Zero可以提供兩個因素登入，但是預設情況下禁用。您可以在主機設定頁面（安全選項卡）中輕鬆啟用它：

注意：在多租戶應用程式中，只有在主機設定中啟用了雙重身分識別驗證才可以向租戶提供。此外，電子郵件驗證和簡訊驗證設定僅在主機端可用。這僅是設計。

啟用後，輸入使用者名稱和密碼後，系統會要求使用者選擇驗證方式：

然後將確認碼發送到所選供應商，使用者在下一頁中輸入代碼：

電子郵件驗證

如果使用者具有確認的電子郵件地址，則可用。由於電子郵件發送在偵錯模式下被禁用，您可以在日誌中看到代碼。在發布模式下，電子郵件將被發送（您可以更改此資訊並使電子郵件可用於調試，請參閱寄送電子郵件部分）。

簡訊驗證

如果使用者具有確認的電話號碼，則可以使用此功能。SMS發送實際上沒有實現（因為它需要與SMS供應商整合）。當前的實現只是將安全的程式碼寫入日誌。您應該在解決方案中完成 IdentitySmsMessageService類，使其可用。否則，在設定中禁用簡訊驗證。

使用者鎖定

如上一節所述，您可以配置使用者鎖定設定。使用者在指定的計數和期間輸入錯誤的密碼時鎖定。

註冊

當我們點擊登入頁面中的“ 建立帳戶 ”連結時，會顯示一個註冊表單：

使用者可以註冊租戶，而不是Host，如果這是一個多租戶應用程式。如果是單租戶，這裡就不會有租戶名稱。

Recaptcha（安全問題）是可選的。它使用Google的recaptcha服務。每個網域名稱Recaptcha服務工作。因此，為了使其正常工作，您應該在https://www.google.com/recaptcha上為您的域建立自己的私密金鑰和公開金鑰， 並在appsettings.json檔案中替換密鑰。

電子郵件啟用

當使用者如上所示註冊時，電子郵件確認碼將發送到他的電子郵件地址。如果使用者因某些原因未收到此電子郵件，可以點擊電子郵件啟用並重新發送確認碼。

再次，租戶名稱輸入未顯示為單租戶應用程式，或租戶名稱通過子網域名稱（如tenancyname.mydomain.com）已知。

忘記密碼

如果使用者忘了他的密碼，他可以點擊“忘記密碼”連結擷取電子郵件重設密碼。

ASP.NET Zero--前端應用程式