AWS无服务器 应用程序开发—第二章AWS CodeCommit、AWS Amplify

已于 2024-06-13 15:49:15 修改
阅读量299 收藏 1
点赞数 1
分类专栏： AWS技术 文章标签： aws serverless react.js
于 2024-06-11 16:21:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xianyinsuifeng/article/details/139601926
版权
本文介绍了如何使用AWS CodeCommit创建存储库，并通过Sourcetree将React.js代码上传，接着讲解了如何创建AWS Amplify应用以实现自动部署。详细步骤包括React.js应用构建、CodeCommit存储库的创建与使用Sourcetree管理代码，以及Amplify应用的创建和配置。
摘要由CSDN通过智能技术生成

使用AWS CodeCommit、AWS Amplify和持续部署的基本步骤

1. React.js 应用程序构建

首先，您需要使用React.js构建您的应用程序。您可以使用您喜欢的编辑器（如VS Code）来编写React.js代码，并使用Node.js和npm（或者yarn）来管理依赖项和构建过程。

2. 创建 AWS CodeCommit 存储库

  1. 登录 AWS 控制台并导航到 CodeCommit 服务。
  2. 单击“创建存储库”。
  3. 单击“创建存储库”。
  4. 输入存储库名称和描述，并选择存储库的可见性设置。
  5. 单击“创建存储库”。
    在这里插入图片描述
    在这里插入图片描述

3.使用Sourcetree将React.js代码上传到AWS CodeCommit存储库

3.1. 在 AWS 控制台中获取 CodeCommit 存储库的 HTTPS URL

登录 AWS 控制台，导航到 CodeCommit 服务，并选择您的存储库。在存储库概述页面中，您将找到一

了解本专栏 订阅专栏 解锁全文 超级会员免费看
yunquantong
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
AWS Code Commit
chenyudora的博客
10-13 900
这里写自定义目录标题1. Create an AWS CodeCommit Repository2. Create an EC2 Instance3. Connect the CodeCommit to the EC2 instance4. In the EC2, create a Local Repo using Git5. Make a Code Change in the EC2, and Commit to the Repo6. Push your first Commit 1. Create an
使用AWS Amplify可视化构建部署Vue应用程序
热门推荐
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
05-23 1万+
📝 前言 作为一个专注前端开发的切图仔，平时想开发个全栈系统是真的难！不会Java，不会Python，不会PHP。没法写接口，只能搞个静态网站，真的好烦恼！ 想搭建个人博客网站，也只能是VuePress，GithubPage 这种的！数据不能永久储存！没办法，还是得搭建一个全栈的项目，我找到了类似halo这种的，面对复杂的部署上线，明明是按照官方的文章去部署的，却总是各种环境异常，不知名的BUG，我又一次放弃了。 万念俱灰时，AWS Amplify救世主一般出现在我的面前。几分钟，我就上手了AWS Ampl
使用 AWS 提升您的开发工作流程：开发工具的最佳实践
我的博客，不一样的自我表达
07-01 157
在当今快节奏的软件开发环境中，使用正确的开发工具集对于确保效率、协作和可扩展性至关重要。Amazon Web Services (AWS) 提供了一整套开发工具，可增强软件开发生命周期，使团队能够无缝构建、测试和部署应用程序。在本文中，我们将深入探讨使用 AWS 开发工具的最佳实践，展示 AWS 在帮助开发人员简化开发工作流程并交付高质量应用程序方面的经验和专业知识。
AWS 连接CodeCommit仓库推送拉取代码
qq_73910914的博客
03-19 423
当使用AWS的CICD流水线的时候我们可能使用AWS提供的代码库，但是在AWS中权限划分很严格，如何连接我们的代码库就成了一个问题，不比其他的github或者其他库，aws有属于自己的一个凭证。找到我们的访问密钥和适用于 AWS CodeCommit 的 HTTPS Git 凭证。我们就需要到iam那边获取我们用户的commit访问密钥。使用aws configuer进行配置我们的访问密钥。成功配置以后转到我们的codecommit界面。在文件夹页面把我们需要push的代码复制进去。创建凭证以后下载凭证。
AWS攻略——使用CodeCommit托管代码
方亮的专栏
03-03 3071
除了我们熟悉的github，各大云厂商也有自己的代码托管服务。本文讲解如何在Amazon的CodeCommit中托管代码。 根账户登录 AWS有两种账户登录界面。 IAM账户登录界面 根账户登录界面 我们先使用根账户登录。 IAM 我们需要定义一些IAM（Identity and Access M...
AWS CodeCommit创建git库
fxtxz2的专栏
01-10 934
到这里我们就完成codecommit的代码库的创建。
AWS CodeCommit中分支保护
fxtxz2的专栏
09-02 305
AWS的分支保护
aws-amplify-workshop-react：使用AWS Amplify构建无服务器React应用程序
01-30
在“aws-amplify-workshop-react”项目中，我们将学习如何利用AWS Amplify与React一起构建一个无服务器应用程序。这个工作坊涵盖了以下关键知识点： 1. **AWS Amplify库的集成**：首先，我们需要在React项目中安装...
aws-amplify-vue：与AWS Amplify集成的Vue.js入门应用程序
01-30
集成了VueJs入门应用程序。 请将问题提交到存储库。 入门 克隆项目并安装依赖项 $ git clone https://github.com/aws-samples/aws-amplify-vue.git $ cd aws-amplify-vue-sample $ npm install 将aws-exports文件...
Journal-AWS-Amplify-Tutorial：分步教程，使用aws-amplify构建个人期刊Web应用程序
01-30
日志 分步教程使用ReactJS + AWS构建个人期刊Web应用程序 ... 试图看看开发人员在构建一个真正的应用程序时会遇到什么。 本教程未涵盖AWS Amplify的所有方面。 有关最完整和最新的文档，请始终检查。 《写得很好。
放大照片共享工作室：使用AWS Amplify和React构建全栈云应用程序
02-04
使用React和AWS Amplify构建照片共享应用程序 在本研讨会中，我们将学习如何使用React，GraphQL和构建全栈云应用程序。 总览 我们将从头开始，使用创建一个新的React Web项目。 然后，我们将逐步使用来构建和配置...
aws-amplify-workshop-react-native：使用React Native和AWS Amplify构建支持云的移动应用程序
01-30
使用React Native和AWS Amplify构建移动应用程序 在本研讨会中，我们将学习如何使用React Native和构建支持云的移动应用程序。 我们将讨论的主题： 兑换AWS积分 访问。 点击右上角的我的帐户。 在左侧菜单中，点击...
Aws CodeCommit代码仓储库
最新发布
hhujjj2005的博客
05-27 536
3.1.2 编辑本地 ~/.ssh 目录中名为“config”的 SSH 配置文件。IAM创建admin用户，增加AWSCodeCommitFullAccess权限。CodePipeline -> CodeCommit -> 存储库。3.1.1 上载SSH公有秘钥。1) window环境。
云端的DevOps之旅：深入了解AWS Code系列工具
Brian_blog
12-21 2076
无论是源代码的管理（CodeCommit），项目的构建（CodeBuild），应用的部署（CodeDeploy）还是整个工作流的自动化（CodePipeline），AWS都能为开发者打造一个顺畅、灵活、可控的开发环境。描述一个典型的管道可能是如何配置的，包括源代码阶段（比如CodeCommit或GitHub）、构建阶段（比如CodeBuild或Jenkins）、和部署阶段（比如CodeDeploy或Elastic Beanstalk）。您可以讲述一些常见的用例，如微服务架构、移动应用通知和监控系统。
AWS Amplify Studio 构建全栈应用程序，阿里面试官迟到
2401_84160041的博客
04-09 616
如果你也是看准了Python，想自学Python，在这里为大家准备了丰厚的免费。
探索AWS Amplify：构建高效、安全的云原生应用
gitblog_00055的博客
04-18 350
探索AWS Amplify：构建高效、安全的云原生应用 项目地址:https://gitcode.com/aws-amplify/docs 项目简介 AWS Amplify 是一个开源框架，由亚马逊网络服务（AWS）提供，旨在简化Web和移动应用程序的开发。它是一套完整的开发工具集合，帮助开发者快速地实现功能如身份验证、存储、API调用、实时数据同步、推送通知等，而无需深入了解底层云基础设施。借...
aws codecommit 代码托管服务使用
weixin_34326558的博客
03-18 197
1.在aws 的IAM 创建用户2.为用户增加codecommitfullaccess的权限3.将机器的ssh公钥添加到用户的安全证书这里需要把ssh的密钥id记录一下。克隆代码的时候需要4.创建codecommit仓库5.使用ssh密钥id 验证 代码仓库是否可连接[root@web1~]#sshssh密钥id@git-codecommit.us-east-2.ama...
试用AWS的CodeCommit服务
aws0to1的博客
07-28 3357
CodeCommit是类似于Github的源代码托管服务，完全兼容git。 收费方式为：每个活动用户每月1美金（每用户每月10GB存储量，2000 个GIT请求），超过额度后，每月每GB0.06美金，每个GIT请求 0.001美金。     下面介绍如何完成自己的第一个Commit。   首先生成一个拥有commit权限的用户，并生成 访问密钥 ID 和私有访问密钥。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

yunquantong

你的鼓励是我发布的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值