快速入門：使用驗證程式碼流程搭配 PKCE 登入使用者，並在 JavaScript SPA 中取得存取令牌
歡迎！ 這可能不是您預期的頁面。 當我們處理修正時，此鏈接應該會帶您前往正確的文章：
快速入門：使用 JavaScript 透過授權碼流程登入使用者，並使用適用於程式代碼交換的證明密鑰 （PKCE） 登入使用者
我們為不便道歉，並感謝您的耐心，同時我們努力解決這個問題。
在本快速入門中，您會下載並執行程式代碼範例，以示範 JavaScript 單頁應用程式 （SPA） 如何登入使用者，並使用授權碼流程搭配 Code Exchange 證明密鑰 （PKCE） 來呼叫 Microsoft Graph。 程式代碼範例示範如何取得存取令牌來呼叫 Microsoft Graph API 或任何 Web API。
請參閱 範例 的運作方式以取得圖例。
必要條件
- Azure 訂用帳戶 - 免費建立 Azure 訂用帳戶
- Node.js
- Visual Studio Code 或其他程式碼編輯器
步驟 1：在 Azure 入口網站 中設定您的應用程式
若要讓本快速入門中的程式碼範例運作，請新增的http://localhost:3000/重新導向 URI。
您的應用程式會使用這些屬性進行設定。
步驟 2：下載專案
使用 Node.js 以網頁伺服器執行專案
注意
Enter_the_Supported_Account_Info_Here
步驟 3：您的應用程式已設定並準備好執行
我們已使用您 app 屬性的值來設定您的專案。
使用 Node.js 以網頁伺服器執行專案。
若要啟動伺服器，請從專案目錄內執行下列命令：
npm install npm start移至
http://localhost:3000/。選取 [登入 ] 以啟動登入程式，然後呼叫 Microsoft Graph API。
第一次登入時，系統會提示您提供同意，以允許應用程式存取您的配置檔並登入。 成功登入之後，您的使用者配置檔信息會顯示在頁面上。
其他相關資訊
範例的運作方式
MSAL.js
MSAL.js連結庫會登入使用者，並要求用來存取受 Microsoft > 身分識別平台保護之 API 的令牌。 範例index.html檔案包含連結庫的參考：
<script type="text/javascript" src="https://alcdn.msauth.net/browser/2.0.0-beta.0/js/msal-browser.js" integrity=
"sha384-r7Qxfs6PYHyfoBR6zG62DGzptfLBxnREThAlcJyEfzJ4dq5rqExc1Xj3TPFE/9TH" crossorigin="anonymous"></script>
如果您已安裝Node.js，您可以使用 Node.js 封裝管理員 下載最新版本 （npm）：
npm install @azure/msal-browser
下一步
如需建置本快速入門中使用的應用程式的詳細逐步指南，請參閱下列教學課程：