使用 Yii2 搭建 restful API,可以使用 axios 庫或 Fetch API 在前端調用。具體步驟為:搭建 RESTful API:啟用 Yii2 RESTful API 模塊并創建 API 控制器。前端調用:使用 Axios 庫:通過 axios.get() 方法調用 API。使用 Fetch API:通過 fetch() 方法和 then() 方法調用 API。使用技巧:使用身份驗證,確保只有授權用戶才能訪問 API。發送請求參數,對 API 進行過濾和排序。處理錯誤,解析
使用 Yii2 搭建 RESTful API,前端調用
1. 搭建 RESTful API
使用 Yii2 的 RESTful API 模塊可以輕松地創建符合 REST 規范的 API:
// 啟用 RESTful API 模塊 // config/web.php 'modules' => [ 'api' => 'appmodulesapiModule', ], // 創建一個 API 控制器 // app/modules/api/controllers/PostController.php namespace appmodulesapicontrollers; use Yii; use yiirestActiveController; use appmodelsPost; class PostController extends ActiveController { public $modelClass = 'appmodelsPost'; }
2. 前端調用
立即學習“前端免費學習筆記(深入)”;
使用 Axios 庫
Axios 是一個流行的前端 http 客戶端庫,可用于調用 RESTful API:
// 安裝 Axios 庫 npm install axios // 調用 API 獲取文章列表 axios.get('/api/posts') .then(response => { // 處理響應,例如更新 UI }) .catch(error => { // 處理錯誤 });
使用 Fetch API
原生 Fetch API 也可以用來調用 RESTful API:
// 獲取文章列表 fetch('/api/posts') .then(response => response.json()) .then(data => { // 處理響應數據,例如更新 UI }) .catch(error => { // 處理錯誤 });
3. 使用技巧
- 使用身份驗證: Yii2 RESTful API 可以輕松實現身份驗證,確保只有授權用戶才能訪問 API。
- 發送請求參數:可以在調用請求時攜帶參數,例如對 API 進行過濾和排序。
- 處理錯誤: Yii2 RESTful API 會自動處理錯誤,并返回標準 JSON 響應,以便于前端解析。
? 版權聲明
文章版權歸作者所有,未經允許請勿轉載。
THE END