开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我在heroku上将React和spring boot部署到两个不同的应用程序中。我怎样才能让他们互相交谈呢？

要让部署在Heroku上的React和Spring Boot应用程序互相交谈，可以通过以下步骤实现：

创建API端点：在Spring Boot应用程序中，创建一个API端点用于与React应用程序进行通信。可以使用Spring Boot的@RestController注解来创建一个RESTful API。
定义API路由：在Spring Boot应用程序中，定义API路由来映射到相应的控制器方法。可以使用Spring Boot的@RequestMapping注解来定义路由。
处理请求和响应：在Spring Boot应用程序的控制器方法中，处理来自React应用程序的请求，并返回相应的数据。可以使用Spring Boot的@RequestParam注解来获取请求参数，并使用Spring Boot的@ResponseBody注解来返回响应数据。
发起请求：在React应用程序中，使用Fetch API或Axios等工具发起HTTP请求到Spring Boot应用程序的API端点。可以使用GET、POST、PUT、DELETE等HTTP方法来发送请求，并传递相应的参数。
处理响应：在React应用程序中，处理来自Spring Boot应用程序的响应数据，并根据需要进行展示或处理。可以使用React的状态管理工具（如Redux）来管理响应数据，并在组件中进行展示。

需要注意的是，为了实现跨域通信，可能需要在Spring Boot应用程序中配置CORS（跨域资源共享）策略，以允许来自React应用程序的请求。

推荐的腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：提供弹性计算能力，支持多种操作系统和应用场景。详情请参考：https://cloud.tencent.com/product/cvm
云数据库MySQL版（CDB）：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
腾讯云API网关（API Gateway）：提供API的发布、管理和调用服务，方便构建和部署RESTful API。详情请参考：https://cloud.tencent.com/product/apigateway
腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储需求。详情请参考：https://cloud.tencent.com/product/cos

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

【安全设计】10种保护Spring Boot应用程序的绝佳方法

Spring Boot极大地简化了Spring应用程序的开发。它的自动配置和启动器依赖关系减少了启动应用程序所需的代码和配置量。 Spring Boot于2014年首次发布，自那以后发生了很多变化。...你可能不会开发下一个主要的网站，但是为什么要限制自己呢? 生成和更新Let 's加密的TLS证书可以实现自动化。既然他们是免费的，就没有理由不去做!...您可以使用下面的配置在Spring Boot应用程序中启用CSP头。...我发现你缺乏安全保障令人不安要了解更多关于Spring引导和应用程序中的安全性，请参阅以下教程和文章: 开始使用Spring Security 5.0和OIDC 使用React和Spring Boot...构建一个简单的CRUD应用程序使用Spring Security和Thymeleaf将基于角色的访问控制添加到您的应用程序中安全性和API之旅准备在Heroku上生产一个Spring Boot应用程序

3.6K3 0

三周学会小程序第三讲：服务端搭建和免费部署

一个非常标准的 Spring Boot项目目录，不了解 Spring Boot 可以直接去官网看一下初步理解就可以，你可以把 Spring Boot 简单的看做让你方便的通过一个类就能运行项目的方式，具体细节等你熟练使用以后自然会明白...代码讲解为了让初步接触 Spring Boot 的同学更好的理解项目，小编这里简单的对项目的代码进行讲解。...我做了一个简单的封装，为了避免写重复的代码，我把头部和底部封装到了 layout.html 在 index.html 和 error.html 直接引用这个布局，替换它的 body。...这样一来你就掌握了项目和本地部署的技能，那么微信小程序需要访问远端的地址才能工作，怎么部署到远端呢？...3，输入如下命令，当然后面的 jiuask 应该是你的名称: heroku git:remote -a jiuask 这个步骤就是在添加一个 Heroku 的 Git 仓库，当你提交代码到 Heroku

1.9K1 0

微服务架构之Spring Boot（八十四）

63.2 Heroku Heroku是另一个流行的PaaS平台。要自定义Heroku构建，请提供 Procfile ，它提供部署应用程序所需的咒语。...与Kubernetes类似，OpenShift有许多选项可用于安装基于Spring Boot的应用程序。...OpenShift有许多资源描述如何部署Spring Boot应用程序，包括：使用S2I构建器建筑指南在Wildfly上作为传统Web应用程序运行 OpenShift Commons简报 63.4...亚马逊网络服务（AWS） Amazon Web Services提供了多种方法来安装基于Spring Boot的应用程序，可以是传统的Web应用程序（war），也可以是带有嵌入式Web 服务器的可执行jar...63.4.1 AWS Elastic Beanstalk 正如官方的 Elastic Beanstalk Java指南中所述，部署Java应用程序有两个主要选项。

2.1K1 0

Spring Boot 项目部署到heroku爬坑

详细教程请参见heroku官网 4.遇到的问题上传项目到heroku时，一般系统会自动帮你打包并运行你的项目，这里我遇到两个问题： git的个人分支无法上传项目无法启动...2.项目无法启动通常maven项目在打包时，会被打成war包或者jar包，熟悉Spring boot的童鞋应该了解Spring boot的运行命令，其实heroku运行项目也非常简单。...首先说一下正常的一个文件的Spring boot部署到heroku，需要在根目录添加一个Procfile文件，告诉heroku你要打包哪个文件，文件内容如下： web java -Dserver.port...=$PORT $JAVA_OPTS -jar target/*.jar 但是本人的项目为多个子项目打包，启动类在子项目中，这样如何来让heroku启动呢，自己不停的修改Procfile中的文件路径仍然不起作用...，后来发现heroku中有一个很爽的命令，如下： $ heroku run bash 这样就相当于远程登录一台Linux服务器啦，我们可以使用Linux命令查看自己部署在heroku上的项目的目录结构啦

3.1K2 0

在 10 分钟内实现安全的 React + Docker

在短短几分钟内就把你的 React 应用做了 docker 化。? 把将你的 React App 部署到 Heroku 你的应用要直到正式投入生产时才会真正的存在，所以让我们把它部署到 Heroku。...使用以下方法在浏览器中打开你的应用程序： heroku open 你将会被重定向到 Okta，可能会看到以下错误： The 'redirect_uri' parameter must be an absolute...用 Cloud Native Buildpacks 创建你的 React + Docker 镜像在本文中，我们学习了把 React 应用部署到 Heroku 的两种方法。...把将你的 React + Docker 镜像部署到 Docker Hub 通过把它们部署到 Docker Hub 等注册表中，可以轻松共享 Docker 容器。...了解有关 React 和 Docker 的更多信息在本教程中，我们学习了如何用 Docker 容器化你的 React 应用。

19.8K3 0

将 Web 应用丢给守护进程

（之前部署的 Web App/Service 都是丢给 Heroku、Netlify、GitHub 这样的 PaaS 平台运行，写个配置文件「action、yaml、toml」就完事了。...对于 Spring Boot，我们可以在终端使用 mvn spring-boot:run 在前台跑 Web 服务；对于 React 前端应用，我们可以使用 npm script 即 npm start...在了解如何解决问题前，我觉得有必要了解下为什么前台任务会随着 session 的退出而退出（收到了 SIGHUP）。...一个会话中前台进程组只会有一个，只有其中的进程才可以和控制终端进行交互；除了前台进程组外的进程组，都是后台进程组；和进程组先导类似，会话中也有会话先导(session leader)的概念，用来表示建立起到控制终端连接的进程...守护进程的会话组和当前目录，文件描述符都是独立的。后台运行只是终端进行了一次fork，让程序在后台执行，这些都没改变。

1.5K7 0

必备的DevOps工具链大盘点

Zendesk 让客户问题跟踪变得更简单，包括优步和 Airbnb 在内的很多公司都使用 Zendesk 作为他们的问题跟踪软件。...构建 Web、桌面和移动应用程序，并将其部署到云端或本地。通过管道自动化构建和部署，减少在具体细节上花费的时间，把更多的时间花在创造性的事情上。...Chef 与全球 1000 多家最具创新性的公司合作，提供快速交付软件的实践和平台，以实现他们的数字化转型愿景。 Ansible Ansible 是一款开源的软件配置、配置管理和应用程序部署工具。...Heroku 是一个基于容器的云 PaaS。开发人员使用 Heroku 来部署、管理和扩展现代应用程序。这个平台优雅、灵活、易于使用，为开发人员提供了发布应用程序最简单的途径。...谷歌 Sites 谷歌 Sites 是谷歌提供的一个结构化的 Wiki 和网页制作工具。谷歌 Sites 的目标是让任何人都能够创建支持不同编辑器协作的简单 Web 站点。

2.3K3 0

如何将 github 上的代码一键部署到服务器？

在 Github 上看到一些不错的仓库，想要贡献代码怎么办？在 Github 上看到一些有用的网站，想部署到自己的服务器怎么办？。。。我想很多人都碰到过这个问题。...如果要贡献代码，之前我的做法通常是将代码克隆到本地，然后在本地的编辑器中修改并提交 pr。...我们知道浏览器 url 的长度是有限的，而且不同的浏览器限制也不尽相同。那怎么解决呢？现在比较流行的思路是「约定」。...你可以通过右键在新的「无痕模式」中打开来验证。你会发现右键在新的无痕模式中打开是无法正常部署的。这有什么用呢？一键部署意味着部署的门槛更低，不仅是技巧上的，而且是成本上的。...它不仅仅提供了在线 IDE 的所有功能，还集成了 CI 和 CD，用起来也是非常方便。同样地，你也可以在你的仓库中增加「在 Gitpod」一键打开的功能。 ?

11.6K3 1

微服务架构之Spring Boot（八十三）

部署Spring Boot应用程序 在部署应用程序时，Spring Boot灵活的打包选项提供了大量选择。...您可以将Spring Boot应用程序部署到各种云平台，容器映像（例如 Docker）或虚拟/真实计算机。本节介绍一些更常见的部署方案。...63.部署到云端 Spring Boot的可执行jar是现成的，适用于大多数流行的云PaaS（平台即服务）提供商。这些提供商往往要求您“自带容器”。...两个流行的云提供商Heroku和Cloud Foundry采用“buildpack”方法。buildpack将您部署的代码包装在启动应用程序所需的任何内容中。...它最大限度地减少了开发和生产环境之间的差异。理想情况下，您的应用程序（如Spring Boot可执行jar）具有在其中运行打包所需的所有内容。

1.1K1 0

【混沌工程】故意破坏和混沌工程

所以，作为一名开发人员，我的背景对 Java 非常重要。Java 和 Spring Boot，现在。我加入了皇家银行众多职能领域之一的一系列 Java 应用程序的工作。银行很大。...他们认识到这些活动的价值，并没有真正争论我正在从预算中说我应该做的任何事情上抽出时间，这真的很好。...当我们研究微服务以及类似 Spring Boot Spring Cloud 时，最初被引入组织的云部分主要围绕 Cloud Foundry。...即使在 Java 中，我们也会有团队使用 Spring Boot 构建，并且很多团队都在这样做，但是其他人对 Google Guice 感兴趣，所以他们正在构建——而不是 Spring，他们使用 Google...我曾经和一个在 Java 中使用 Vertex 的团队交谈过，我问他们：“你们为什么使用 Vertex？”他们说，“嗯，这就是我们团队所知道的。”

4973 0

软件测试金字塔

持续交付是一种自动确保你的软件可以随时发布到生产环境中的方式，可以为你提供帮助。通过持续交付，可以使用构建管道自动测试软件并将其部署到测试和生产环境中。...它在Spring Boot中实现，即使你以前从未使用过Spring Boot，也应该可以理解。请务必查看Github上的代码。自述文件包含您在计算机上运行应用程序及其自动化测试所需的说明。...为了简单起见，我们假设darksky API也是在Spring Boot中实现的。在这种情况下，他们可以使用Spring的pact 提供者，它很好地钩入Spring的MockMVC机制。...考虑到不止一两个微服务的格局，你甚至无法在本地运行端到端测试-因为这需要在本地启动所有微服务。在你的开发机器上启动了数百个应用程序，而不会炸毁你的RAM。...通常这个管道分成几个阶段，逐渐让你更加确信软件已准备好部署到生产环境。听到所有这些不同类型的测试，你可能想知道如何将它们放置在部署管道中。

2.9K6 1

放弃 Dubbo，选择最流行的 Spring Cloud 微服务架构实践与经验总结

Spring Boot / Cloud 都做了那些事情？他们三者之间又有什么关系？...文中内容提到：微服务架构是一种架构模式，它提倡将单一应用程序划分成一组小的服务，服务之间互相协调、互相配合，为用户提供最终价值。...5 扩展单块架构应用也可以实现横向扩展，就是将整个应用完整的复制到不同的节点。当应用的不同组件在扩展需求上存在差异时，微服务架构便体现出其灵活性，因为每个服务可以根据实际需求独立进行扩展。...我们现在访问 Spring 官网，会发现 Spring Boot 和 Spring Cloud 已经放到首页最重点突出的三个项目中的前两个，可见 Spring 对这两个框架的重视程度。...同时，随着近几年微服务架构和 Docker 容器概念的火爆，也会让 Spring Cloud 在未来越来越“云”化的软件开发风格中立有一席之地。

6.7K2 2

经验 | 今年的你应该花5个月时间去学习JS，并且...

那么为什么不做点新东西呢？ "但我没有计算机科学学位，我甚至不知道互联网是如何运作的！" 别担心，我们会考虑到这一点的。...使用Electron，React Native等工具，Javascript可以让你创建桌面应用程序，移动应用程序，Web应用程序甚至VR应用程序。...时间对他们来说很重要，他们也希望尽快找到工作。第一个月：大场面要回答的一个大问题是：电脑、互联网和网站是如何运作的？我怎样才能建立一个网站？...然后阅读关于它的文档。 4.使用create-react-app构建示例React应用程序。创建React应用程序会为你开启一个新的世界。 5.在Heroku上部署你的应用程序。...6.在GitHub页面上部署你的应用程序。 7.开始关注Medium上面的Top10文章，阅读任何有关编程的文章。

3921 0

再见! JSP ！

记得去给人家部署和演示的时候特别有意思。我们用了半天时间在服务器上部署好，然后去给客户演示。打开浏览器，输入 ip+端口，开始操作。操作了十几分钟，所有的客户没有说一个字。...移动开发主要用 Ionic，React Native 也用过。为什么要详细介绍我过去和 JSP 以及前端框架相关的开发经历呢？...关于这些限制和如何继续在 Spring Boot 中使用 JSP，可以自己查一下，知乎里就有好多文章 Spring Boot 对 JSP 有限制，那咱们就凑合用呗，反正我是写 Java 的，我的发展方向是架构师...，他们都是 Spring Boot 应用！...API Gateway 和每个 MicroService 里面都有@Controller以及对应的 JSP。那么这种方案下，不同微服务中的 JSP 如何通信？

6661 0

放弃JSP吧--否则你无路可走

记得去给人家部署和演示的时候特别有意思。我们用了半天时间在服务器上部署好，然后去给客户演示。打开浏览器，输入ip+端口，开始操作。操作了十几分钟，所有的客户没有说一个字。...大概又过了几分钟，客户的主任发话了：你们的软件呢？我们的软件呢？我给你演示了半天，这不就是我们的软件吗？...为什么要详细介绍我过去和JSP以及前端框架相关的开发经历呢？...，他们都是Spring Boot应用！...那么这种方案下，不同微服务中的JSP如何通信？用户访问的时候，同一个应用下的所有JSP页面会在不同IP和端口下来回变换。

1.6K2 0

Spring Cloud 还没学明白，Istio 又是什么鬼？？

所以我们需要更多的服务器来并行工作，处理用户的请求。那么问题来了，我们服务器运行的时候，怎么分发大量的请求给不同的服务器呢？...微服务是运行在自己的进程中的可独立部署的服务套件。他们通常使用 HTTP 资源进行通信，每个服务通常负责整个应用中的某一个单一的领域。...用这种方法让多语言服务（使用不同语言编写的服务）也成为可能，这样我们就可以让 Java/C++ 服务执行更多的计算密集型工作，让 Rails / Node.js 服务更多来支持前端应用等等。...Spring Cloud 与 K8S 对比两个平台 Spring Cloud 和 Kubernetes 非常不同并且它们之间没有直接的相同特征。...Spring Cloud方法是试图解决在JVM中每个MSA挑战，然而Kubernetes方法是试图让问题消失，为开发者在平台层解决。

5312 0

SaaS 并不是什么风口，但是有这五个大方向的机会

每月 52.5 美元的规模让几十家不同的 SaaS 公司来分，这市场是非常小的。没有人真正知道什么时候 SaaS 市场会饱和：问题仍旧存在——基于 web 的软件在什么时候停止占据市场份额？...如果你曾经使用过 GitHub 上的「部署到 Heroku」(Deploy to Heroku)，你就知道这一类的部署操作已经变得有多么容易了。这里也不要小觑开源软件的影响。...当让也有公司提供自己部署的方案 (比如 JIRA 和 HelpSpot)。新进展是这些应用的部署和维护非常容易，而且云计算的获取更方便，成本更低廉。...Basecamp 新近在他们的项目管理软件中整合了群组聊天功能。中小规模的企业尤其感觉他们使用了太多的应用程序，付费产品太多。这么多应用你每个月只能花 29 美元。...• Expedited SSL，他们借用的平台是 Heroku 应用商店，向开发者提供更快添加 SSL 链接至 web 应用程序的方法。

1.3K7 0

译：本周Spring大事件-2018-7-24

我们将研究bootiful Spring Cloud GCP项目，重要的是，Google和Pivotal在今天上午共同宣布的新项目KNative，它是我们在Pivotal上构建和部署Project Riff...本周Spring大事件-2018-7-17 这段视频展示了BOSH如何迅速地部署Kubernetes 这个很赞，我喜欢——Spring社区的传奇人物Michael Simons研究了如何在Kotlin应用程序中支持...看看Dan Baskette在这篇文章中关于KNative和Pivotal的文章我很荣幸能再次入选JAX在2018年的前20名影响力人员名单。非常感谢! 这是一个令人兴奋的一天!...并且，从来没有人让成功进入他们的头脑，这个项目刚刚得到了对自定义视图的新支持，这些视图将在即将发布的版本中体现。...这篇InfoQ文章在新的Axon版本中看到了很多其他的特性看看Matt Raible在Okta博客上关于在Spring Boot应用程序中如何使用React.js的新文章想要学习Reactive Spring

6101 0

Istio 可以代替 Spring Cloud 吗？

Cloud vs Istio Spring Boot + K8S Service Mesh的价值 ---- 背景过去，我们运维着“能做一切”的大型单体应用程序。...所以我们需要更多的服务器来并行工作，处理用户的请求。那么问题来了，我们服务器运行的时候，怎么分发大量的请求给不同的服务器呢？...微服务是运行在自己的进程中的可独立部署的服务套件。他们通常使用 HTTP 资源进行通信，每个服务通常负责整个应用中的某一个单一的领域。...项目地址：https://github.com/YunaiV/ruoyi-vue-pro Spring Cloud 与 K8S 对比两个平台 Spring Cloud 和 Kubernetes 非常不同并且它们之间没有直接的相同特征...Spring Cloud方法是试图解决在JVM中每个MSA挑战，然而Kubernetes方法是试图让问题消失，为开发者在平台层解决。

8262 0

放弃“免费套餐”，Heroku的遗产又少了一个

现在，短短几个月过去，Heroku 再次让社区感到悲伤，它关闭了免费计划。对此，一位开发者说，“Heroku 对我来说已经死了，我看到一扇又一扇进入科技的门被牢牢地关闭和锁定。”...Heroku 的工程负责人 Jason Warner 说：“我相信 Heroku 是在 2014 年到 2017 年之间最具革命性的产品，对 Web 开发产业的推动作用非常大。...Heroku 的人气一直都归功于其简洁、优雅和可用性的优势，它率先将重心放在了开发人员的体验上，致力于让部署像开发流程那样无缝流畅。...Heroku 是云计算的终极创意工厂——比如 “十二要素应用宣言（The Twelve-Factor App）” 、抗侵蚀和 DX，这些概念将会经得起时间的检验，但是在它们的受益者中，很少有人会认识到它们与...很快，它就会被推广到可以处理不同形状和大小的软件，而现在 512MB 的容器仅仅是附带的第一选项。

4.3K4 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭