Tailwind Traders Website 项目常见问题解决方案

Tailwind Traders Website 项目常见问题解决方案

TailwindTraders-Website Tailwind Traders Website 项目地址: https://gitcode.com/gh_mirrors/ta/TailwindTraders-Website

1. 项目基础介绍和主要编程语言

项目介绍：Tailwind Traders Website 是一个开源项目，由 Microsoft 创建并托管在 GitHub 上。该项目是一个示例网站，展示了如何使用现代化的前端和后端技术构建一个完整的商业级应用程序。它包括了消费者和业务线应用，以及一组后端服务。

主要编程语言：该项目主要使用以下编程语言和技术栈：

• 前端：React 和 ASP.NET
• 后端：.NET Core
• 移动端：Xamarin Forms
• 数据库和存储：可能包括 SQL Server 和其他存储解决方案

2. 新手在使用这个项目时需要特别注意的3个问题及解决步骤

问题1：如何搭建和运行整个项目

问题描述：新手用户可能不清楚如何从源代码搭建和运行整个项目。

解决步骤：

1. 确保已经安装了最新版本的 .NET Core SDK。
2. 克隆项目到本地：

   git clone https://github.com/microsoft/TailwindTraders-Website.git
   

3. 打开项目目录，使用命令行运行以下命令来安装所有依赖项：

   dotnet restore
   

4. 在项目目录中找到网站的前端和后端项目，通常前端项目是一个 React 应用，后端项目是一个 ASP.NET Core 应用。
5. 分别进入前端和后端项目目录，使用以下命令运行：

   npm install
   npm start
   

   和

   dotnet run
   

6. 根据控制台输出的地址，在浏览器中打开相应的前端网站地址。

问题2：如何配置自己的后端服务

问题描述：用户可能希望使用自己的后端服务而不是默认的公共后端环境。

解决步骤：

1. 在 ARM 模板中设置 apiBaseUrl 参数，将其指向你的 AKS 配置的 URL。
2. 运行以下命令获取你的 AKS 路由：

   az aks show -n <aks-name> -g <resource-group> --query "addonProfiles.httpApplicationRouting.config.HTTPApplicationRoutingZoneName"
   

3. 将获取到的 URL 填入 ARM 模板中的 apiBaseUrl 参数。

问题3：如何设置 Azure Communication Services

问题描述：用户希望为网站启用客户支持聊天和音频/视频通话功能。

解决步骤：

1. 确保你有一个 Azure Communication Services 资源和已经部署的逻辑应用。
2. 在 appsettings.json 文件中编辑以下配置变量：

   "connectionString": "<ACS_CONNECTION_STRING>",
   "acsResource": "<ACS_RESOURCE_URL>"
   

3. 根据官方文档完成剩余的配置步骤。

通过以上步骤，新手用户应该能够顺利搭建和运行 Tailwind Traders Website 项目，并根据自己的需求进行相应配置。

TailwindTraders-Website Tailwind Traders Website 项目地址: https://gitcode.com/gh_mirrors/ta/TailwindTraders-Website