iT邦幫忙

2024 iThome 鐵人賽

DAY 8
0
佛心分享-SideProject30

用React Native打造找餐店APP系列 第 8

[Day 8] 環境準備,API服務部署到線上吧

  • 分享至 

  • xImage
  •  

昨天分享了將 API Server 部署在本機的方式,但發現接下來要寫手機應用時,連接 API 服務必須要在同一個網域下開發,而且還要將 JSON-Server 啟動。於是看到社群大大們分享了一個滿簡單且免費的方式,只要符合以下條件就能申請到免費服務:

只要有以下條件就能申請到免費服務

  • 有Github帳號(身為開發者這東西一定會有的吧)
  • 到Vercel申請一組帳號(基本上跟Github連動即可)

心得:
我認為這個服務滿適合用在交付一個小型 DEMO 的專案,只是要展示一個雛形,還沒有進展到開發階段。然而,要做 Side Project,無論是網站還是 APP 都需要結合資料。如果還沒有足夠的後端知識,想專注在前端開發的話,就很適合拿這個當練習。

完成部署畫面如下

https://ithelp.ithome.com.tw/upload/images/20240808/201322958qYvQifx2b.png

用 Postman 發送 GET 請求取得購物車列表

https://ithelp.ithome.com.tw/upload/images/20240808/201322958mrPH1J1tA.png

參考資源

vercel
六角學院 json-server - 讓你不會後端也能開 API
Will保哥 2017-05-30 (直播錄影) 進擊的前端工程師:今天就自己打造 API 吧! (高清版)


上一篇
[Day 7] 輕鬆搭建簡易CRUD API - Json-Server
下一篇
[Day 9] APP餐點圖從何而來?
系列文
用React Native打造找餐店APP30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言