Ketcher源码学习-源码解读-项目架构概述


一、Ketcher简介

1. Ketcher是一个网页版的化学结构及化学反应的编辑器。

2. standalone模式下:无需服务端,仅在客户端浏览器中运行。

3. remote模式下:集成Indigo作为服务端,用于处理自动布局、AAM (原子到原子映射)、(去)芳香化等计算密集型操作。


二、packages简介

1. ketcher-core:提供项目的核心功能,包括域、共享服务、函数和接口声明等内容。

2. ketcher-standalone:仅包含以standalone模式启动Ketcher时所需的功能。

3. ketcher-react:仅包含定义组件所需的功能。集成Miew,用于在3D视图中查看或编辑数据。

4. ketcher-polymer-editor-react:高分子编辑器,目前正在开发中。


三、项目启动方式

1. 克隆仓库源码至本地。

2. 执行yarn命令,安装项目依赖。

3. 进入./packages,依次对四个package执行yarn build命令,将代码打包到dist文件夹中。

4. 进入./example,执行yarn start:standalone命令,即可在浏览器中查看Ketcher页面。

5. 如需调试packages中的代码,可在相应package内执行yarn start命令,修改代码后即可在浏览器中查看效果。

评论