DEV Community
·
在 AWS Amplify 上创建 React 应用并部署 - 2024 年 9 月更新
💡
原文英文，约200词，阅读约需1分钟。
📝
内容提要
本文介绍了在AWS Amplify中设置仓库和React应用的步骤，包括创建仓库、克隆仓库、使用vite创建应用、提交和推送应用、在AWS Amplify中添加仓库和分支，并解决仓库访问问题。
🎯
关键要点
- 在CodeCommit中创建仓库。
- 使用git克隆仓库并进入项目目录。
- 使用vite创建React应用并选择TypeScript作为变体。
- 安装所需的包并提交应用创建到主分支。
- 在AWS Amplify中创建应用，选择CodeCommit并添加仓库和分支。
- 审核应用设置，包括应用名称和构建设置。
- 解决仓库访问问题，创建服务角色并将其添加到Amplify设置中。
❓
延伸问答
如何在AWS Amplify中创建React应用？
首先在CodeCommit中创建仓库，然后使用git克隆仓库并进入项目目录，接着使用vite创建React应用并选择TypeScript，最后提交并推送应用到主分支。
在AWS Amplify中如何添加仓库和分支？
在创建AWS Amplify应用时，选择CodeCommit，接着添加相应的仓库和分支，最后审核应用设置并保存。
如何解决AWS Amplify中的仓库访问问题？
创建服务角色并将其添加到Amplify设置中，然后重新部署失败的版本。
使用vite创建React应用时需要选择什么？
在使用vite创建React应用时，需要选择框架为React，变体为TypeScript。
在AWS Amplify中审核应用设置时需要注意什么？
审核应用名称和构建设置，确保前端构建命令为'npm run build'，构建输出目录为'dist'。
如何在CodeCommit中克隆仓库？
使用命令'git clone codecommit::us-east-1://my-react-app'来克隆仓库。
🏷️
标签
➡️
