使用React配置文件

365bet地区

s扎卡里·克莱因(Zachary Klein)

365bet地区版本 4.0.1

365bet地区培训

365bet地区培训由创建并积极维护365bet地区框架的人们开发和交付

入门

365bet地区

此配置文件将生成两个应用程序服务器客户. 服务器365bet地区休息api客户带有一些自定义的CLI客户365bet地区该应用程序包括使用React Bootstrap实现的完整UI,并配置为通过REST与365bet地区后端通信。该项目还包括一个功能正常的测试套件和用于构建和测试该应用程序的脚本,请参见 项目文件了解更多信息

您将需要什么

要完成本指南,您将需要以下内容

  • 分钟以内

  • 365bet地区安装了365bet地区或更高版本

  • 安装了JDK或更高版本JAVA首页适当配置

生成应用

要开始使用此配置文件,请在生成应用程序时将其指定

grails创建应用程序myApp配置文件反应

您也可以使用应用伪造通过Web界面或使用以下命令卷曲命令

curl O start grails org myApp zip d版本d配置文件react

看一下目录结构,您将看到典型的Gradle多项目构建,其中包含单独的客户端和服务器项目

xwxr xr x9扎克员工306十一月1 13:15客户端drwxr xr x3扎克员工102十一月1 13:10gradle rwxr r1扎克员工4971十一月1 13:10gradlew rwxr r1扎克员工2314十一月1 13:10gradlew蝙蝠drwxr xr x8扎克员工272十一月1 13:12服务器服务器1扎克员工26十一月1 13:10设置gradle

服务器365bet地区当然是我们的365bet地区应用程序。配置文件将使用休息api配置文件,它支持创建域类作为静态资源以及JSON和标记视图

客户是我们的React应用

w1扎克员工44412十一月1 13:10自述md rw r r1扎克员工669十一月1 13:10建立gradle rw r r1扎克员工404十一月1 13:10 json drwxr xr x4扎克员工136十一月1 13:10 上市xwxr xr x10扎克员工340十一月1 13:10src

客户项目结构,除了建立gradle特定于反应配置文件的全部礼貌并包含出色的自述文件src存放React代码的目录上市用于您希望从React应用程序中获得的公共资源,而无需通过webpack进行访问s捆绑此目录还包括一个模板索引html用于生成React应用程序主页的文件再次参见有关更多详细信息的文档

一项重大的定制客户365bet地区除了365bet地区品牌UI之外的项目是文件src配置js默认情况下,此文件用于指定后端的URLHTTP本地主机它还从以下位置获取React应用程序的当前版本包json.

来自的pjson'包json';

出口const SERVER URL'HTTP本地主机';
出口const CLIENT VERSION pjson版本出口const REACT VERSION pjson依赖项有反应

您可以编辑此文件的内容以添加其他变量或更改服务器URL指向另一个后端服务器

运行应用程序

此配置文件还定义了一组自定义Gradle任务,包括用于启动客户端应用程序的bootRun任务。您可以分别启动服务器和客户端应用程序

gradlew服务器启动在另一个终端中运行gradlew客户端启动

客户端建立gradle文件还包含一个bootRun为了与服务器项目,这意味着您可以利用Gradle的并行执行在单个命令中运行客户端和服务器应用程序

gradlew bootRun并行

客户端中定义的其他任务会包装用于创建和测试React应用程序的create react app脚本。您可以使用Gradle包装器运行它们,也可以直接运行npm脚本(如果已安装npm)

gradlew客户端测试或从客户端项目dir npm测试gradlew客户端构建或从客户端项目dir npm运行构建

再次请参阅create react应用程序文档,以获取更多有关利用这些脚本和Microsoft提供的其他功能的信息。.

您需要365bet地区帮助吗

OCI赞助了本指南的创建OCI提供了几种365bet地区服务:

免费咨询

365bet地区OCI 365bet地区团队365bet地区包括365bet地区联合创始人Jeff Scott Brown和Graeme Rocher检查我们的365bet地区365bet地区课程365bet地区并向发展和维护365bet地区的工程师学习

365bet地区Grails OCI团队