我们将构建一个简单的 Web 应用程序,人们可以在其中管理他们想要销售的产品。
我们将建设3个项目。前端项目将是一个使用 Vuejs、Vue Router 和 Vuetify 构建的渐进式 Web 应用程序,而服务器端我们将使用 Visual Studio 2019 构建两个 .NET Core 3.0 Web 应用程序:一个将公开 REST API,而第二个将负责处理身份验证,使用 Identity Server 4。
该项目将通过动态构建 HTML 用户界面,通过浏览器与用户交互,并使用 javascript 和 json 与服务器通信。
该项目将负责将数据存储在服务器上,并通过http和json响应客户端请求。
该项目将负责身份验证部分。它将发行 JWT 令牌,客户端应用程序将使用该令牌来访问服务器。
确保您安装了工作负载“.NET Core 跨平台开发”。您可以通过启动 Visual Studio 安装程序来检查和安装工作负载。
请参阅 https://www.microsoft.com/net/download/windows
我们将把我们的项目分成简单的步骤。每个步骤都将专注于一项任务,并将建立在上一步的基础上。我们将从简单的项目开始,逐渐变得越来越复杂。例如,我们一开始不会关注身份验证和授权。我们将在稍后的步骤中添加它。
该文件夹包含不同的子文件夹。每个子文件夹代表我们项目的一个阶段。 “开始”文件夹是每个步骤的起点。 “解决方案”文件夹是每个步骤的最终版本,提供给您,以防您想检查您的项目在每个实验结束时应该变成什么。您所要做的就是打开与您想要尝试的实验相对应的启动文件夹(例如Lab01/Start
以开始),然后按照您在readme.md
文件中找到的说明进行操作。完成后,请随意将您的工作与解决方案文件夹中提供的解决方案进行比较。
Lab08SolutionMarketPlaceIdentityServerIdentityServer.sln
Lab08SolutionMarketPlaceIdentityServer
文件夹下打开命令提示符dotnet run /seed
http://localhost:5002
并确保项目已启动并正在运行Lab08SolutionMarketPlaceMarketplaceMarketPlace.sln
Lab08SolutionMarketPlacespaclient
npm install
npm run serve