## 簡介

場景使用微服務引擎構建一套簡單的分散式應用TaskManager。

## 體驗目標&產品功能

TaskManager 是一款？？事項管理軟體。能夠協助使用者完成待辦事務的管理與進度跟蹤，比如工作計劃、生日提醒、旅行安排等，以便更好的規劃時間和安排生活。 透過該示例，你講學習到如何使用微服務構建一套簡單的分散式應用。

## 沙箱實驗室地址
https://start.aliyun.com/sandbox-cases.html

應用&架構說明
本節是微服務基礎:TaskManager工作管理員的應用架構說明，有助您更好的理解該場景架構。

該產品共有2個應用，分別是：Web 客戶端、服務端； 應用間，透過“MSE 微服務引擎”提供的 Nacos 引擎實現服務的註冊與發現。
1.1 Web 客戶端
為使用者提供 Web 操作頁面，包含瀏覽器端執行的 UI 邏輯，以及與之相關的控制層邏輯；
使用微服務技術和服務端進行通訊：“任務服務”使用 Apache Dubbo 客戶端進行呼叫；“任務分類”服務，使用 Feign 實現遠端呼叫。
1.2 服務端
提供任務管理的各領域服務能力；

持久化層：內嵌一套 H2 記憶體資料庫實現資料儲存能力（每次重啟後資料會被重置）；
服務層：對外暴露 Apache Dubbo 和 HTTP 兩種協議介面，其中“任務”相關的服務使用 Apache Dubbo 協議暴露，“任務分類”相關服務以 HTTP 協議暴露。
架構圖：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408151903695.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)

1.3 部署&訪問流程
該示例專案無需任何修改，可以直接部署執行； 每個應用，部署成功後，最多可連續執行 30min 的時間，超時後系統會自動回收相關執行資源。

## 服務端部署
本節介紹在Web IDE介面部署示例程式TaskManager服務端端，部署完成後進行訪問測試。

首先訪問以下連結 https://start.aliyun.com/sandbox.html?id=1 進入沙箱實驗室 TaskManager工作管理員。

1.  在 [應用列表] 頁簽下點選 [開發] 按鈕, 進入 Web IDE。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408151934865.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
2.  在 WEB-IDE 中, 點選 [部署] 按鈕, 確認部署資訊，點選 [繼續部署] 按鈕，開始部署流程。
    a.  WEB-IDE 中點選部署如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408151946677.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
    b.  點選  [繼續部署] 如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408151955871.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
3.  等待部署完成, 此時在WEB-IDE 的終端會輸出 "雲開發應用部署成功!"。

a.  部署過程如下圖所示，時間可能會較長，期間等待即可：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152004919.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
    b.  部署完成後如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152012965.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
4.  部署完成後可以使用部署成功介面的臨時域名或者回到應用列表介面點選 [訪問] 訪問專案。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152024846.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
5.  使用者名稱|密碼, 都輸入 sa , 點選 [connect] 進入控制檯。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152037281.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
6.  在服務端介面可以透過SQL語句或者直接修改表在 CATEGORIES 表中編輯待做事項類別，在 TASKS 表中編輯待做事項。
    a.  編輯待做事項類別。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152049818.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
    b.  編輯待做事項。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152056650.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)

## 客戶端部署
本節介紹在Web IDE介面部署示例程式TaskManager客戶端，部署完成後進行訪問測試。

首先訪問以下連結 https://start.aliyun.com/sandbox.html?id=1 進入沙箱實驗室 TaskManager工作管理員。

1.  在 [應用列表] 頁簽下點選 [開發] 按鈕, 進入 Web IDE。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152111810.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
2.  在 WEB-IDE 中, 點選 [部署] 按鈕, 確認部署資訊，點選 [繼續部署] 按鈕，開始部署流程。

a.  WEB-IDE 中點選部署如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152119478.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
    b.  點選  [繼續部署] 如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152126569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
3.  等待部署完成, 此時在WEB-IDE 的終端會輸出 "雲開發應用部署成功!"。

a.  部署過程如下圖所示，時間可能會較長，期間等待即可：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152136134.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
    b.  部署完成後如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152144597.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
4.  返回 [應用列表] , 點選對應應用的 [訪問] 按鈕, 開啟新視窗訪問應用。
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152152393.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)
訪問測試如下圖所示：
![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210408152202335.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2dhbmd5aWtlamk=,size_16,color_FFFFFF,t_70)

阿里雲微服務基礎:TaskManager工作管理員

相關文章