先附code
https://github.com/xss392795158/swagger.git
通過swagger UI定義好接口相關參數信息
導出spec.json 我本地放到swagger目錄
項目主文件webpack4_react 下的src/app.js
讀取json並生成
寫入目標地址(這兒做了檢查,若已有則不再新生成,可優化點)
因爲項目用了react,相應對文件做了處理,這裏不再贅述,可git地址 pull下來自己看
運用
先看下官網的ui demo
接口地址爲 /pet
看下生成的js
初始化參數option
和方法定義
那麼
接下來使用:
然後寫個button觸發一下changeState方法【注意,param內必須是body屬性,而且是必填,body內是根據swagger文檔定義的參數來傳】
在Test2.js中打斷點,我們還是能看到能依次調用相關方法的,最後我還沒成功,因爲fetch部分出了點問題,但總體還是朝好的方向走
我的目標是,給我一份配置,導入json生成一份份代碼,再也不用手寫node層接口
七夕🎋快樂