背景
before:
在我們APP啟動過程,我們可能常常有這樣的需求:在APP第一次進入的時候根據網絡請求的結果彈一個對話框式的廣告, ok~ 很簡單,那么代碼大致就是這樣(這邊都是偽代碼,為了方便理解):
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
checkFirstDialogIfNeed();
}
/**
* step 1
*/
private void checkFirstDialogIfNeed(){
Utils.fakeRequest("http://www.api1.com", new HttpCallBack() {
@Override
public void onOk() {
showADialog();
}
@Override
public void onFailure() {
//do nothing
}
});
}
ok,做完上線
step1
過了一陣子,產品同學又跑過來了說:
“老板的需求,我們要在首頁第一次進來的時候加一個注冊協議的彈框”
程序員小A: “可是首頁已經之前有一個彈框了,直接一起展示嗎?”
產品同學: “一起彈出來體驗不好,那你放在A彈框之后吧!”
ok,那么程序員小A尋思了一下,那應該就是這么改了:
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
checkFirstDialogIfNeed();
}
private void checkFirstDialogIfNeed(){
Utils.fakeRequest("http://www.api1.com", new HttpCallBack() {
@Override
public void onOk() {
showADialog();
}
@Override
public void onFailure() {
//請求失敗直接跳過,請求注冊協議
checkRegisterAgreement();
}
});
}
private void showADialog() {
new AlertDialog.Builder(this)
.setTitle("這是一條有態度的廣告")
.setPositiveButton("我看完了", null)
.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialogInterface) {
//彈框結束后請求注冊協議
checkRegisterAgreement();
}
}).create().show();
}
private void checkRegisterAgreement() {
Utils.fakeRequest("http://www.api2.com", new HttpCallBack() {
@Override
public void onOk() {
showBDialog();
}
@Override
public void onFailure() {
//do nothing
}
});
}
這么下來,我們先請求接口APi1,如果成功了彈廣告彈框A,彈框結束了調用注冊協議的方法,如果APi1 請求失敗,直接跳過廣告彈框A,繼而請求注冊協議,當注冊協議請求成功了彈出我們的注冊協議彈框,這么下來,我們確實可以保證注冊協議彈框在廣告彈框之后~
step2
過了幾天,產品同學又來了:“這次我們首頁初次進來再加一個H5頁面跳轉,這次就加在 廣告和注冊協議之間吧…”
于是乎,小A繼續改了改代碼,整個代碼就成了這樣:
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
checkFirstDialogIfNeed();
}
private void checkFirstDialogIfNeed() {
Utils.fakeRequest("http://www.api1.com", new HttpCallBack() {
@Override
public void onOk() {
showADialog();
}
@Override
public void onFailure() {
// //請求失敗直接跳過,請求注冊協議
// checkRegisterAgreement();
checkNeedShowH5();
}
});
}
private void showADialog() {
new AlertDialog.Builder(this)
.setTitle("這是一條有態度的廣告")
.setPositiveButton("我看完了", null)
.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialogInterface) {
// //彈框結束后請求注冊協議
// checkRegisterAgreement();
//現在產品要插入一個H5頁面優先請求
checkNeedShowH5();
}
}).create().show();
}
private void checkRegisterAgreement() {
Utils.fakeRequest("http://www.api2.com", new HttpCallBack() {
@Override
public void onOk() {
showBDialog();
}
@Override
public void onFailure() {
//do nothing
}
});
}
private void showBDialog() {
new AlertDialog.Builder(this)
.setTitle("這是注冊協議")
.setPositiveButton("我看完了", null)
.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialogInterface) {
//do nothing
}
}).create().show();
}
private void checkNeedShowH5() {
Utils.fakeRequest("http://www.api3.com", new HttpCallBack() {
@Override
public void onOk() {
toH5Page();
}
@Override
public void onFailure() {
checkRegisterAgreement();
}
});
}
private void toH5Page() {
startActivityForResult(new Intent(this, TestH5Activity.class), REQUEST_CODE_H5);
}
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
super.onActivityResult(requestCode, resultCode, data);
switch (requestCode) {
case REQUEST_CODE_H5:
checkRegisterAgreement();
break;
default:
break;
}
}
首先將原有step1 結束之后不再調用注冊協議,而是調用請求H5的方法.
由于去H5是一個Activity的跳轉,所以我們在onActivityResult里我們繼續之前的注冊協議的調用.
看看大致demo效果:
再后來…幾經迭代,首頁首次的彈框和頁面跳轉已經有7、8個了,當每次產品有類似需求的時候,我們又要重復上面的過程了,每次大概梳理個大半天吧.
大家是否有發現什么問題嗎?
1.首頁次序之間強耦合,每次一旦要在二者之前插入一個其他彈框或者頁面,我們每次都要修改在它之前和之后的調用鏈,至少要修改三處,很容易漏掉,但是實際上它們彼此之間除了次序之外,沒有其他關聯.
2.每次新需求來的時候都要完整梳理原有邏輯,比較浪費時間,影響效率.
怎么辦?
思考:
1.能否在一個鏈中統一管理要處理的事情,每個事情之間互相不關聯,只要簡單配置就可以輕松替換它們之間的順序.
2.后來維護者,很清晰的就能知道調用的次序,無需每次重新梳理整個業務代碼.
設計:
1.我們是否可以把每件要做的事情抽象成一個節點,每個節點只關心自己的任務是否完成,它并不知道它是第幾個,也不知道它前面或者后面的是誰.
2.每個節點統一由一個流來管理,它作為全局統籌者,可以控制從任意節點開始、控制整個流的開啟與結束等,每個節點的順序由流來管理.
實現:
帶著以上設計思路,我對代碼做了一下重構,代碼變成了這樣:
public class AfterActivity extends AppCompatActivity {
private static final int REQUEST_CODE_H5 = 1;
/**
* 初次廣告彈框
*/
private static final int NODE_FIRST_AD = 10;
/**
* 初次進入h5頁
*/
private static final int NODE_CHECK_H5 = 20;
/**
* 初次進入的注冊協議
*/
private static final int NODE_REGISTER_AGREEMENT = 30;
private WorkFlow workFlow;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
startWorkFlow();
}
private void startWorkFlow() {
workFlow = new WorkFlow.Builder()
.withNode(getFirstAdNode())
.withNode(getShowRegisterAgreementNode())
.withNode(getShowH5Node())
.create();
workFlow.start();
}
private WorkNode getFirstAdNode() {
return WorkNode.build(NODE_FIRST_AD, new Worker() {
@Override
public void doWork(final Node current) {
Utils.fakeRequest("http://www.api1.com", new HttpCallBack() {
@Override
public void onOk() {
new AlertDialog.Builder(AfterActivity.this)
.setTitle("這是一條有態度的廣告")
.setPositiveButton("我看完了", null)
.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialogInterface) {
//僅僅只需關心自己是否完成,下一個節點會自動執行
current.onCompleted();
}
}).create().show();
}
@Override
public void onFailure() {
//僅僅只需關心自己是否完成,下一個節點會自動執行
current.onCompleted();
}
});
}
});
}
private WorkNode getShowRegisterAgreementNode() {
return WorkNode.build(NODE_REGISTER_AGREEMENT, new Worker() {
@Override
public void doWork(final Node current) {
Utils.fakeRequest("http://www.api2.com", new HttpCallBack() {
@Override
public void onOk() {
new AlertDialog.Builder(AfterActivity.this)
.setTitle("這是注冊協議")
.setPositiveButton("我看完了", null)
.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialogInterface) {
current.onCompleted();
}
}).create().show();
}
@Override
public void onFailure() {
current.onCompleted();
}
});
}
});
}
private WorkNode getShowH5Node() {
return (WorkNode.build(NODE_CHECK_H5, new Worker() {
@Override
public void doWork(final Node current) {
Utils.fakeRequest("http://www.api3.com", new HttpCallBack() {
@Override
public void onOk() {
startActivityForResult(new Intent(AfterActivity.this, TestH5Activity.class), REQUEST_CODE_H5);
}
@Override
public void onFailure() {
current.onCompleted();
}
});
}
}));
}
@Override
protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
super.onActivityResult(requestCode, resultCode, data);
switch (requestCode) {
case REQUEST_CODE_H5:
workFlow.continueWork();
break;
default:
break;
}
}
}
經過上述重構,現在的首頁流程:
1. 進入首頁要做的幾件事之間相互無關聯,它們的位置可以任意切換,只需改變id大小便可輕松調整它們的執行順序.
2. 想要加入或者插入節點無需改動原有邏輯.
實現思路
設計每個工作節點
1.我希望每個任務間彼此獨立,只關心自己的事情是否完成,我把它抽象成一個節點,每個節點只有自己的節點id 和 完成的方法:
public interface Node {
/**
* 節點id
*
* @return 當前節點id
*/
int getId();
/**
* 任務完成時觸發
*/
void onCompleted();
}
至于為什么要提供id,后面會講到.
我們再來看看它的實現類WorkNode的核心代碼:
public class WorkNode implements Node {
/**
* 節點id
*/
private int nodeId;
/**
* 節點工作者
*/
private Worker worker;
private WorkCallBack callBack;
public static WorkNode build(int nodeId, Worker worker) {
return new WorkNode(nodeId, worker);
}
/**
* @param worker 調用者傳入,即真正執行要做的事情
*/
public WorkNode(int nodeId, Worker worker) {
this.nodeId = nodeId;
this.worker = worker;
}
/**
* 由workFlow來決定調用
*
* @param callBack 當調用onCompleted 之后回調給WorkFlow
*/
void doWork(WorkCallBack callBack) {
this.callBack = callBack;
worker.doWork(this);
}
@Override
public int getId() {
return nodeId;
}
@Override
public void onCompleted() {
if (null != callBack) {
callBack.onWorkCompleted();
}
}
interface WorkCallBack {
/**
* 當前任務完成
*/
void onWorkCompleted();
}
}
構造方法中傳入了節點id,和Worker, 這個Worker的doWork方法的實現就是我們這個節點真正要做的事情:
public interface Worker {
/**
* 執行任務
*
* @param current 當前節點
*/
void doWork(Node current);
}
至此我們回看下demo中對WorkNode的構建:
private WorkNode getFirstAdNode() {
return WorkNode.build(NODE_FIRST_AD, new Worker() {
@Override
public void doWork(final Node current) {
Utils.fakeRequest("http://www.api1.com", new HttpCallBack() {
@Override
public void onOk() {
new AlertDialog.Builder(AfterActivity.this)
.setTitle("這是一條有態度的廣告")
.setPositiveButton("我看完了", null)
.setOnDismissListener(new DialogInterface.OnDismissListener() {
@Override
public void onDismiss(DialogInterface dialogInterface) {
//僅僅只需關心自己是否完成,下一個節點會自動執行
current.onCompleted();
}
}).create().show();
}
@Override
public void onFailure() {
//僅僅只需關心自己是否完成,下一個節點會自動執行
current.onCompleted();
}
});
}
});
}
是不是很清晰?
節點只需要關心自己是否做完了,調用完onCompleted之后,一切與我無關了,后續做什么就交給WorkFlow去處理了.
那節點的doWork方法是什么時候被調用的呢? 它內部是怎么安排工作的呢?,我們來設計WorkFlow.
設計工作流:
首先作為所有節點的管理者,當然要把它們存下來,用什么數據結構來存呢?回顧一下我的需求: 可以靈活控制節點的執行順序, so…經過反復篩選,我最終選擇了SparseArray來存放我們所有的節點,因為我們為每個節點提供id作為key:
一來可以提高代碼可讀性。
二來,SparseArray內部是數組實現的,而且是按照key的大小升序排列的,基于這個特性,我們只需要改變定義Key值的大小關系就可以改變它們在數組中的順序。
我們再來看看用SparseArray來實現的WorkFlow:
public class WorkFlow {
private SparseArrayflowNodes;
public WorkFlow(SparseArrayflowNodes) {
this.flowNodes = flowNodes;
}
/**
* 開始工作,默認從第一個節點
*/
public void start() {
startWithNode(flowNodes.keyAt(0));
}
/**
* 基于某個節點Id 開始工作
*
* @param startNodeId 節點id
*/
public void startWithNode(int startNodeId) {
final int startIndex = flowNodes.indexOfKey(startNodeId);
WorkNode startNode = flowNodes.valueAt(startIndex);
startNode.doWork(new WorkNode.WorkCallBack() {
@Override
public void onWorkCompleted() {
findAndExecuteNextNodeIfExist(startIndex);
}
});
}
private void findAndExecuteNextNodeIfExist(int startIndex) {
final int nextIndex = startIndex + 1;
final WorkNode nextNode = flowNodes.valueAt(nextIndex);
if (null != nextNode) {
nextNode.doWork(new WorkNode.WorkCallBack() {
@Override
public void onWorkCompleted() {
findAndExecuteNextNodeIfExist(nextIndex);
}
});
}
}
}
我們在demo中調用的start()的方法,其實內部調用的是 startWithNode 方法,這個方法接收一個參數 startNodeId ,也就是我們構建節點的id,我們在 SparseArray 中找到節點,直接開始執行。
當我們在節點內部調用完 onCompleted 方法之后, 會直接回調 onWorkCompleted 方法,此時我們再看看是否有下一個節點,當有下一個節點之后,一直遞歸到下一個沒有節點為止。
至此,我們原理基本分析完成,通過內部 SparseArray的設計,我們可以靈活從任意節點開始執行,外部的WorkFlow就是一個全局的管理者,我們可以拓展很多其他功能,比如 continueWork() :當我們在節點以外希望讓流程繼續執行下去的時候(參考Demo的 onActivityResult), revert():回退到上一節點 等等。
總結
- WorkFlow,很好的接耦了各個次序任務直接的相互依賴,提高了開發效率。
- 它也很好的提高了代碼的可維護性和可讀性,非常便于后來新次序任務的拓展。
最后對于程序員來說,要學習的知識內容、技術有太多太多,要想不被環境淘汰就只有不斷提升自己,從來都是我們去適應環境,而不是環境來適應我們!
這里附上上述的技術體系圖相關的幾十套騰訊、頭條、阿里、美團等公司19年的面試題,把技術點整理成了視頻和PDF(實際上比預期多花了不少精力),包含知識脈絡 + 諸多細節,由于篇幅有限,這里以圖片的形式給大家展示一部分。
相信它會給大家帶來很多收獲:
上述【高清技術腦圖】以及【配套的架構技術PDF】可以 私信我【面試】免費獲取!
當程序員容易,當一個優秀的程序員是需要不斷學習的,從初級程序員到高級程序員,從初級架構師到資深架構師,或者走向管理,從技術經理到技術總監,每個階段都需要掌握不同的能力。早早確定自己的職業方向,才能在工作和能力提升中甩開同齡人。