ReactJS与Sling CMS对接方法咨询 连接是否必须使用AEM

完全不需要。AEM是Adobe基于Apache Sling二次封装的商业CMS产品，原生Apache Sling本身就具备完整的内容暴露能力，完全可以直接和React应用对接，不需要依赖任何AEM专属功能。

以下方案都不会破坏React应用原有结构，只需要替换原有静态数据的获取逻辑即可：

• 方案1：直接调用Sling原生REST API
  Sling默认支持给所有内容资源路径加.json后缀返回结构化JSON数据，你只需要在React组件中用fetch或axios请求对应资源路径即可拿到动态内容。比如Sling上存储的首页内容路径为/content/my-project/home，直接请求/content/my-project/home.json就能获取全部内容字段。
• 方案2：通过Sling Model Exporter定制返回结构
  如果需要接口返回的字段和React组件的消费字段完全匹配，可以在Sling端编写Sling Model，添加@Exporter(name = "jackson", extensions = "json")注解即可导出定制结构的JSON数据，不需要前端做额外的字段适配，改造成本更低。
• 方案3：集成GraphQL查询
  如果你的React项目已经用了GraphQL做数据层管理，可以给Sling部署官方GraphQL模块，配置好内容查询规则后前端直接发起GraphQL请求按需拉取内容，适合复杂的大型React项目使用，能减少无用数据的传输。

整个对接过程不需要改动React的路由、组件分层等原有结构，仅需要把之前硬编码的静态内容替换为Sling接口返回的动态字段即可。如果需要额外实现内容预览、增量发布等能力，仅需要调整Sling端的权限、发布流程配置，不需要侵入前端代码。

内容的提问来源于stack exchange，提问作者Sowjanya