下載前端程式碼範例
在"官方解決方案"或"我的解決方案"頁面中, 如下圖所示位置下載程式碼範例
選擇"地區", 點擊確定後下載zip包
zip檔案解壓後包含3個檔案
App.js 頁面範例程式碼
openapiv3.js 工具代碼
README.md 包含建議的使用說明
啟動樣本
本樣本以create-react-app為例, 安裝方式可查看 https://create-react-app.dev/docs/getting-started/
安裝後建立專案my-app
npx create-react-app my-app開啟建立的專案檔夾, 安裝如下兩個依賴
cd my-app
npm install antd --save
npm install crypto-js --save複製App.js和openapiv3.js至產生專案的my-app目錄下的src目錄
在my-app目錄下 執行 npm start, 啟動樣本
npm start啟動後可通過預設的3000連接埠訪問
樣本功能介紹
當前樣本頁麵包含了 產生方案->資源校正->資源詢價->資源部署->資源釋放 流程
此程式碼範例僅為示範前端接入的基礎流程, 並非提供的完整技術解決方案, 使用者可根據下載的樣本開發或參考, 請勿用於生產環境.
配置基礎資訊
填寫ak,sk
模板id預設為下載樣本的模板id, 也可在頁面中對應位置複製
地區預設為下載樣本時選中的地區, 如果切換請確保模板包含所選地區的配置
產生方案
填寫方案名稱和模板變數資料
資源校正
點擊資源校正後, 方案處於校正成功狀態, 可進行資源詢價
資源詢價
點擊資源詢價按鈕, 詢價成功後可進入資源部署
資源部署
點擊資源部署, 可查看部署狀態
部署完成後, 資源建立成功
資源釋放
通過釋放方案, 釋放已部署的資源. 或刪除方案, 將方案隱藏, 注意, 刪除方案並不會釋放已部署的資源
釋放完成後, 刪除方案
