将 GraphQL-AppSync-Schema-Resolver 代码与 UI ReactJS 代码分开
Separate GraphQL-AppSync-Schema-Resolver code from UI ReactJS code
我正在开发基于 ReactJs-GraphQL-aws appsync 的应用程序。构建和配置基于 aws amplify。目前一切都在相同的源代码中。我们可以为 UI 和后端提供单独的包吗?
例如React -redux 和所有 UI 东西都将在一个代码中 repo/package。和 GraphQL-appsync 解析器相关的代码将在单独的代码库或单独的代码库中。如果是的话,请你解释更多如何做到这一点。还是您认为将 UI 和后端分开是一个不错的选择。
如果我解释正确,请告诉我。
如果您计划使用相同的后端资源为多个前端应用程序提供支持,那么我认为将其分解为不同的项目是个好主意。如果您想这样做,我建议您将 Amplify 项目保留为后端目录,然后将您的前端代码移至新项目中。
您在使用 Amplify codegen 工具吗? codegen 命令接受一个 --api-id 参数,现在您可以从前端项目中使用该参数,因为您已经将它们分开了。
如果您不打算拥有一个 ReactJS 客户端,那么我认为没有必要拆分代码库。 amplify 的伟大之处在于它会根据您的注释类型模式生成查询、突变、输入、过滤器和订阅。它将把它放在前端 src
文件夹中,因此您的前端开发人员只需 import { listAllTypes } from '/src/graphql/queries.js'
然后在他们的客户端代码中使用该查询。不需要分离,因为您的前端开发人员只会在 project_root/src
目录中工作,而您的后端开发人员只会在 project_root/amplify/backend
目录中工作。使用良好的 git 工作流程将使这些问题在团队之间有所区别。
我正在开发基于 ReactJs-GraphQL-aws appsync 的应用程序。构建和配置基于 aws amplify。目前一切都在相同的源代码中。我们可以为 UI 和后端提供单独的包吗?
例如React -redux 和所有 UI 东西都将在一个代码中 repo/package。和 GraphQL-appsync 解析器相关的代码将在单独的代码库或单独的代码库中。如果是的话,请你解释更多如何做到这一点。还是您认为将 UI 和后端分开是一个不错的选择。
如果我解释正确,请告诉我。
如果您计划使用相同的后端资源为多个前端应用程序提供支持,那么我认为将其分解为不同的项目是个好主意。如果您想这样做,我建议您将 Amplify 项目保留为后端目录,然后将您的前端代码移至新项目中。
您在使用 Amplify codegen 工具吗? codegen 命令接受一个 --api-id 参数,现在您可以从前端项目中使用该参数,因为您已经将它们分开了。
如果您不打算拥有一个 ReactJS 客户端,那么我认为没有必要拆分代码库。 amplify 的伟大之处在于它会根据您的注释类型模式生成查询、突变、输入、过滤器和订阅。它将把它放在前端 src
文件夹中,因此您的前端开发人员只需 import { listAllTypes } from '/src/graphql/queries.js'
然后在他们的客户端代码中使用该查询。不需要分离,因为您的前端开发人员只会在 project_root/src
目录中工作,而您的后端开发人员只会在 project_root/amplify/backend
目录中工作。使用良好的 git 工作流程将使这些问题在团队之间有所区别。