多場(chǎng)景的業(yè)務(wù)建模系統(tǒng)

1、 多場(chǎng)景的業(yè)務(wù)建模系統(tǒng)架構(gòu)文摘 微信號(hào) ArchDigest功能介紹 每天一篇架構(gòu)領(lǐng)域重磅好文，涉及一線互聯(lián)網(wǎng)公司的互聯(lián)網(wǎng)應(yīng)用架構(gòu)、大數(shù)據(jù)、機(jī)器學(xué)習(xí)等各個(gè)熱門領(lǐng)域。背景在介紹整套方案之前，一定先要介紹ED目前是從事的是互聯(lián)網(wǎng)金融開發(fā)，因?yàn)槲覀兊恼追桨冈O(shè)計(jì)，確實(shí)跟行業(yè)屬性有密切的關(guān)系，這套方案大概已經(jīng)積累了1年多了，在日常開發(fā)過程中我們的業(yè)務(wù)有如下特點(diǎn)：首先每個(gè)月幾乎都有新場(chǎng)景的開發(fā)工作新場(chǎng)景中有60%的需求是一樣的，也有40%是不太一樣的我們的產(chǎn)品大致分為申請(qǐng)、激活、放款、還款4大流程，每個(gè)流程都是給不同的后端提供數(shù)據(jù)核心問題如下，一切皆是差異化：交互視覺的差異化：每個(gè)場(chǎng)景在設(shè)計(jì)上總是一些不

2、太相同的地方產(chǎn)品流程的差異化：PM有時(shí)候會(huì)在某些頁面上添加一些額外的展示位風(fēng)險(xiǎn)控制的差異化：這里多闡述下，金融放貸的核心就是風(fēng)控，做過金融開發(fā)的同學(xué)肯定知道，每個(gè)場(chǎng)景需要收集用戶哪些信息，都是由風(fēng)控來決定的，對(duì)于FE最后表現(xiàn)出來的就是視覺和交互上的差異，對(duì)于PHP就是每個(gè)場(chǎng)景收集字段的差異，這也是我們整套設(shè)計(jì)方案重點(diǎn)之一第三方機(jī)構(gòu)的差異化：每個(gè)機(jī)構(gòu)輸出的信息不一致，由于技術(shù)體系不在FE的范疇，本文不介紹我們的目的：提升開發(fā)效率的同時(shí)提升我們金融產(chǎn)品管理能力整體架構(gòu)設(shè)計(jì)去年做了半年的組件化方案，今年其實(shí)一直在做平臺(tái)一體化的工作，先拋出咱整體的架構(gòu)，后面會(huì)每個(gè)模塊詳細(xì)闡述下，我們的業(yè)務(wù)主要分成B端

3、和C端，B端是可視化的生成差異化配置，這個(gè)配置文件最終會(huì)放在Aconf模塊里面，C端基于Aconf配置文件，組件化或者模塊化生成頁面，整體的思路大概是這樣子：這個(gè)背景顏色的目前都是FE的工作（實(shí)在不知道這個(gè)顏色怎么描述）C端Web前端層任何新成立的項(xiàng)目組，F(xiàn)E需要做的第一件事情應(yīng)該都是組件化，下面這個(gè)圖應(yīng)該會(huì)比較清晰的介紹我們工作：web應(yīng)用層去年因?yàn)闃I(yè)務(wù)初期，整體項(xiàng)目壓力非常大，而且對(duì)于金融這種高風(fēng)險(xiǎn)業(yè)務(wù)，線上是不能有任何損失的，所以當(dāng)時(shí)我們的后端一直是PHP。今年我們?yōu)槭裁催w移Node：首要的前提就是公司目前在Node框架、線上運(yùn)維、機(jī)房容災(zāi)等這塊支持非常好FE能更熟悉業(yè)務(wù)，更好的優(yōu)化業(yè)務(wù)

4、：其實(shí)很多B端相關(guān)的配置工作其實(shí)都是FE自己的，但是卻需要PHP在后端支持下，這塊不管事對(duì)PHP還是FE都非常的不好節(jié)省整體的人力：對(duì)于一個(gè)新場(chǎng)景的開發(fā)，原來需要1FE+1PHP，現(xiàn)在只需要1FE+0.5PHP減少FE和PHP的溝通成本：原來因?yàn)橄嗷ヱ詈细兀匀粶贤ǔ杀靖?，現(xiàn)在有了公共服務(wù)，相當(dāng)于依賴更加松散了，溝通成本自然會(huì)下降我們創(chuàng)新的幾個(gè)核心關(guān)鍵點(diǎn)：我們將一個(gè)新場(chǎng)景的工作分成了公共業(yè)務(wù)和場(chǎng)景業(yè)務(wù)，公共業(yè)務(wù)統(tǒng)一都由FMS來處理，對(duì)于個(gè)性化的業(yè)務(wù)都由不同的SCENE來處理FMSFMS模塊里面包含了所有的公共業(yè)務(wù)，其中有幾個(gè)關(guān)鍵點(diǎn)：多版本控制：這樣可以保證公共業(yè)務(wù)的上線修改，不需要所有場(chǎng)景

5、都統(tǒng)一回歸基于配置生成頁面，一切差異化都體現(xiàn)在配置里面（講B端的時(shí)候會(huì)展示配置的可視化頁面）組件化：對(duì)于表單填寫類的頁面，我們都是組件化配置生成頁面，這樣可以更加靈活模塊化：對(duì)于業(yè)務(wù)需求比較標(biāo)準(zhǔn)的頁面，我們就以模塊化配置生成頁面，這樣更加方便可視化配置，比如富文本編輯類似的配置，這個(gè)最好還是模塊化生成AXEAxe是我們積累下來的公共方法：包括了passport處理、工具方法、action基類、RPC請(qǐng)求封裝、統(tǒng)一的錯(cuò)誤碼定義、mock數(shù)據(jù)等。SCENESCENE代表了我們所有的場(chǎng)景，場(chǎng)景也是基于Axe公共模塊和PHP的公共微服務(wù)開發(fā)。Web服務(wù)層因?yàn)檫@里主要是PHP的工作，就大概說下，這層是一

6、個(gè)公共的微服務(wù)，根據(jù)我們的業(yè)務(wù)需求做了梳理劃分，這里面比較取巧的是，我們將場(chǎng)景的服務(wù)放到了公共服務(wù)里，后續(xù)也就沒有了場(chǎng)景PHP的概念，不用每次開發(fā)新場(chǎng)景的時(shí)候，都需要場(chǎng)景PHP去拉一個(gè)新的模塊，這樣可以更加集中所有PHP的力量做技術(shù)優(yōu)化。B端Web前端層這套方案我們能這么搞，一切的核心都源于：我們有一套基于json-schema配置快速生成頁面的系統(tǒng)（公司內(nèi)部系統(tǒng)Amis），比任何組件化方案都快要快都要好，隨時(shí)改隨時(shí)生效，先給FEX的同學(xué)點(diǎn)個(gè)。下面說下我們是如何設(shè)計(jì)業(yè)務(wù)建模的可視化配置，我們的公共組件，可以在這里添加：組件的屬性配置-這里就Vue的prop配置 :)：這張圖展示我們抽取的業(yè)務(wù)公共模塊，每個(gè)模塊里面的配置項(xiàng)都是精心設(shè)計(jì)的：Web應(yīng)用層這層主要是基于Nodejs給我們業(yè)務(wù)建模內(nèi)部系統(tǒng)提供接口處理，對(duì)組件、模塊、場(chǎng)景、調(diào)度引擎的CRUD操作，一部分配置是存儲(chǔ)到數(shù)據(jù)庫(kù)，大部分是生成配置文件，提交Aconf模塊里面，