iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

一起去遛狗 系列

我的狗狗很兇,可是她想交朋友

鐵人鍊成 | 共 30 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文
DAY 21

【一起去遛狗】Day 20 客製化 Google Map 地圖樣式

因為做的是寵物定位分享平台,地圖上出現太多雜訊會影響使用體驗。 Google Map API 有提供在地圖中嵌入 JSON 來客製化地圖顯示的樣式,Using...

DAY 22

【一起去遛狗】Day 21 定位分享

因為是定位分享平台,之前已經抓到自己的裝置定位了,下一步想做到的是看到其他人的裝置定位,原本想使用 WebSocket 來實作,但 WebSocket 還是需要...

DAY 23

【一起去遛狗】Day 22 Firestore & Firebase Hosting

因為發現前一頁有許多選項,才驚覺 Firebase 提供的服務真的超多,乾脆研究一番看看有哪些服務是我用得到的! Firebase Realtime Datab...

DAY 24

【一起去遛狗】Day 23 建立 Cloud Firestore

建立 Firebase & Cloud Firestore 首先到 Firebase 建立新專案 一進去會看到 Cloud Firestore...

DAY 25

【一起去遛狗】Day 24 Firestore 新增資料

昨天完成了 Firebase & Cloud Firestore 的設定與配置,今天來試著寫資料到雲端資料庫看看! 在寫入資料前,可以先思考資料的結構,...

DAY 26

【一起去遛狗】Day 25 Firestore 獲取資料

昨日嘗試寫入資料,今天就要把資料拿出來看看了! Cloud Firestore 有三種方式可以取得資料 一次性取得資料: 只需調用 Cloud Firest...

DAY 27

【一起去遛狗】Day 26 寫入地理位置

前面幾天研究如何使用,今天來試試用在專案上! 首先我要先將目前的裝置定位寫到 Cloud Firestore 雲端資料庫中 import { doc, se...

DAY 28

Day 27 獲取地理位置

昨天既然寫入,今天就要想辦法拿出來~ 使用 getDocs() 獲取 collection 中的所有文件 import { collection, getD...

DAY 29

【一起去遛狗】Day 28 將定位顯示在地圖上!

昨日拿到所有裝置的地理位置後,今天要將其他裝置位置顯示在地圖上。 將拿到的地理位置顯示到地圖上,用 addMarker() 來添加地標 async fun...

DAY 30

Firebase Authentication 設定與配置

為了在裝置上提供個人化的體驗,以及保障用戶的資訊,所以需要使用者註冊並驗證身份,還希望可以使用社群平台的帳號登入。所以今天要來介紹一個好用的服務 Firebas...