1-2 云商城架構設計

1、架構設計

??云商城采用了當前主流的微服務技術架構，微服務技術棧采用了當前主流的SpringCloud Alibaba技術棧，從接入層、網關層、服務層、數據同步、服務治理、數據處理、第三方接口多個方面進行了精心設計，技術經過了多次挑選、優中選優，最終打造了一套全網最優質的的微服務商城架構體系，解決了大型微服務電商應用中絕大多數難點、痛點問題。

2、前后端分離

??我們過去開發一套系統，前端、后端都需要協同工作，很多時候分工不明確、責任不清晰，溝通成本大幅增加。為了提升開發效率、降低溝通成本，前后端分離的模式應運而生，前后端分離的開發模式會讓各組開發人員工作更專注，溝通只需要通過前期溝通好的開發文檔進行開發即可。開發流程如下圖：

??前后端分離項目中可以大大減輕前后端開發人員的工作量、大大提升開發效率、為了減少溝通成本我們通過SwaggerAPI文檔來溝通的、那么怎么使用SwaggerAPI文檔呢?我接下來繼續介紹。

3、Swagger使用

3.1 在線工具

??編寫Swagger接口，可以用Swagger Editor，地址：https://editor.swagger.io/

3.2 本地查看

??接口編寫好了，可以導出到本地.

??為了能夠更加直觀來查看相關的接口，我們通過用swagger-ui展示，下載地址：https://swagger.io/tools/swagger-ui/

??Swagger UI是通過讀取Swagger Edit的導出的YAML／JSON文件，來進行接口測試。Swgger UI的站點域名要和發送請求的域名一樣。不然瀏覽器會報跨域錯誤。

安裝

下載并且安裝node.js(自行下載安裝https://nodejs.org/zh-cn/)

npm install -g http-server

下載項目https://github.com/swagger-api/swagger-ui 并且解壓。

進入swagger-ui文件夾。運行hs -p 500

進入http://127.0.0.1:500/dist/index.html就可以看到swagger頁面了

使用
導入swagger.json文件把之前Swagger Edit導出的swagger.json文件復制到dist文件夾里面，修改index.html的url路徑，改成指向swagger.json。就可以讀取json文件的內容了。

訪問 http://127.0.0.1:500/dist/index.html 即可

注意不要訪問 http://localhost:500/dist/index.html 會出現跨域提示的問題

3.3 批量生成

??很多時候，我們沒法快速開發完所有功能，但是有很多功能基本都是增刪改查，我們可以利用工具先將增刪改查的通用Swagger Api生成好，后面直接在對應基礎上更改就可以了。 批量生成代碼

鏈接：https://pan.baidu.com/s/15mBl5zFPRNGk5r1o2ZnLrw 提取碼：nc4q

核心配置文件

#swagger 的路徑、相對于當前項目 swaggerpath=com.bobo.swaggerui #響應對象封裝的名字RespResult #respbean=RespResult # 多條件收搜、默認是 /search #search=/find #多條件搜索+分頁 默認是 /search/{page}/{size} {size}表示路徑參數 #pagesearch=/find/{page}/{size} #生成文件的名稱 默認：swagger.json filename=goods.json # 數據源配置 url=jdbc:mysql://192.168.100.130:3306/shop_goods uname=root pwd=123456 driver=com.mysql.jdbc.Driver

代碼目錄結構

生成商品表的json文件

生成訂單表的json文件

將生成的相關json文件拷貝到swagger-ui的json目錄下：

將添加的json文件在dist目錄下的index.html文件中添加信息

<div id="cgpj">所有項目:<select onchange="change(this.value)" id="pj"><option value="http://127.0.0.1:500/json/swagger.json">測試文件</option><option value="http://127.0.0.1:500/json/goods.json">商品信息</option><option value="http://127.0.0.1:500/json/order.json">訂單信息</option></select></div>

查看效果

??這樣話我們就可以很快的生成系統的相關API接口文檔、方便前后端程序員的開發。特殊的接口我們只需要在此基礎上修改即可。

------->> 你學會了嗎？

總結

以上是生活随笔為你收集整理的1-2 云商城架构设计的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。