學習如何製作API

延伸閱讀POSTMAN工具,方便測試API

[推薦] 使開發API更方便的工具 Postman (基本教學) | 辛比誌

#第一招read讀取資料

1.先建立假資料

首先在ProductController 最底下建立一個物件

public function getData(){
        return [
            [
                'title' => '測試商品一',
                'content' => '這是很棒的商品',
                'price' => 50
            ],
            [
                'title' => '測試商品二',
                'content' => '這是有點棒的商品',
                'price' => 30
            ],
        ];
    }

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/500f7201-7431-410a-8eae-90042dc31deb/1627201877632.jpg

2.因為要呈現在首頁上,故查詢一下route:list,可以看見首頁在product.index下

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/20ba1745-0a13-478c-968b-19d0c52fd74b/1627201950953.jpg

3.找到index function我們來進行呼叫

這邊建立一個變數$data 並透過this指向getData

透過return response秀出資料

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/72875418-dbaa-4aa3-b03f-b6f1873f01f1/1627202012893.jpg

4.接著建立完成後,我們開啟postman進行資料測試(記得要先將php artisan serve啟動)

啟動後利用methon get取得資料,路徑為本地端8000至我們的products,

接著按send,則可以看到底下成功獲取的陣列資料

這樣前端就可以依據這個路徑進行資料取得

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/551bf0b4-82ac-464f-938c-aae1407e31b8/1627202109594.jpg