Odoo｜Odoo客户端如何延伸至小程序？

摘要

本文从前端角度探讨了Odoo客户端如何扩展至小程序，并定制化客户端主题。感谢Odoo组黄华信、章磊的支持，前端组在他们的帮助下完成了移动端与Web端Demo的开发。

01概述

Odoo采用前后端分离架构，支持Uniapp接入，减低前端定制化的开发成本。接口设计是核心和难点，依赖于Odoo RPC Web Service。随着对RPC接口规范的掌握，开发成本会显著降低。学习和开发成本是评估最优方案的两个主要维度。

02UI相关技术栈

Odoo使用Q-Web模版引擎，所有代码基于模块化。模块可以是App或业务逻辑的一部分，有助于灵活定制化UI。主题定制也是基于模块，包括跨页面元素、HTML片段、样式、页面和内置的Website模块。

03Odoo Owl 框架

Owl框架是为了满足Odoo UI需求而生，吸收了React/Vue的设计思想和核心技术，学习成本类似于React/Vue。

04Odoo 企业版

提供改进的移动端友好UI，版本升级友好，并有官方支持。

05定制化 UI 架构

Odoo产品自始至终都是层次分明的，前后端通过RPC接口分离。定制化UI可以替代Odoo Web的模型操作部分。自定义客户端通过RPC接口与Odoo通信，组件化开发模式可以封装前端组件。

06小程序端

Uniapp是一个跨平台框架，使用Vue.js开发，不牺牲平台特色。它已封装了常用的组件和JS API，提供了条件编译以优雅地实现平台个性化。

07UI 定制化

前端技术栈与Odoo松耦合，前端开发人员无需深入了解Odoo技术栈。推荐的开发模式是前后端分离，Uniapp/Web开发流程与主流前后端开发模式一致。

通过本次调研和Demo开发，对定制化解决方案的工作量进行了评估。展示了基于前后端分离架构的Uniapp与Web定制化研发Demo。