iT邦幫忙

firebase相關文章
共有 200 則文章
鐵人賽 Modern Web DAY 18

技術 [Day18] 實作 - Firebase 創建專案 & 部署

終於來到實作篇啦 🎉🎉🎉 ~ 本次會先建立的 Firebase 專案當作第一次交換資訊的 server。 create-react-app 先建立一個專案! n...

鐵人賽 Mobile Development DAY 26
React Native CLI 開發心法 系列 第 26

技術 DAY 26 React Native 效能優化:使用 Firebase Performance Monitoring 監控應用程式效能

利用 firebase 打造自動監測應用程式效能的工具,當效能發生問題時就會系統自動發信通知,最重要的是可以同時監測到 iOS 跟 Android 的正式環境的...

鐵人賽 Mobile Development DAY 25
React Native CLI 開發心法 系列 第 25

技術 DAY 25 React Native 效能優化:使用 Firebase Crashlytics 追蹤應用程式 Crash

Firebase 的功能種類非常多,在 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置 時已經分別將 A...

鐵人賽 SideProject30 DAY 14

技術 Day14:將 Firebase 加進 React 專案之前置準備

比賽好快進到中間時期,剛好適逢中秋佳節與教師節,先祝各位佳節愉快、順利完賽! 這個連假應該會將專案的元件都完成,並且將註冊、登入與基本頁面先行組裝,後續樣式細節...

鐵人賽 Modern Web DAY 17

技術 [Day17] Firebase Cloud Firestore 資料庫

這次時做會使用到 Cloud Firestore 作為第一次交換資訊的 Signaing Server,因此在開始實作前先來了解這個強大的 NoSQL 資料庫用...

鐵人賽 Modern Web DAY 16

技術 [Day16] 介紹 Firebase

前幾篇文章都是在介紹通訊協定,WebRTC 如何通訊也有提到雖然通過瀏覽器的點對點連線不需要像 WebSocket 使用 server ,但在一開始交換資訊時仍...

鐵人賽 SideProject30 DAY 12

技術 Day12:side project 的網頁組成元素

有了規範的提交訊息工具後,就可以放心開始開發了,開發之前要記得讓自己站在對的分支上唷! 今日分支名稱:feat/component 更換 favicon.ico...

鐵人賽 SideProject30 DAY 10

技術 Day10:使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後,顧客已經可以開始預約,進入這個網站的重頭戲。上一篇文章中,眼尖的朋友們一定會發現,對比原先的 Flow Chart 後,好像少了「顧客預約當下沒...

鐵人賽 SideProject30 DAY 10

技術 Day10:使用 Wireframe 線稿拼接網站的功能與畫面(四)

有了服務項目後,顧客已經可以開始預約,進入這個網站的重頭戲。上一篇文章中,眼尖的朋友們一定會發現,對比原先的 Flow Chart 後,好像少了「顧客預約當下沒...

鐵人賽 SideProject30 DAY 9

技術 Day09:使用 Wireframe 線稿拼接網站的功能與畫面(三)

上一篇我們已經完成了兩種主角色的註冊與登入畫面,也有將 Flow Chart 中所提到的店家角色稍微提及(如果忘記規則的話,可以回頭看下列文章)。本篇將重點放在...

鐵人賽 SideProject30 DAY 8

技術 Day08:使用 Wireframe 線稿拼接網站的功能與畫面(二)

有了主畫面後,我習慣先從主功能將 Wireframe 線稿依照原先的 Flow Chart 畫出來,細節功能會陸續繪製(有先想到的會以 Todo 標示),並於後...

技術 Firebase專案-伺服器推播用Asp.net (VB) 取得BearerKey驗證

在上次為了更新Firebase專案的FCM發送ServerKey登入方式照著Google提供的語言,使用Node.js取得隨機BearerKey來推播發送~這次...

鐵人賽 SideProject30 DAY 7

技術 Day07:使用 Wireframe 線稿拼接網站的功能與畫面(一)

在本系列文的第二篇「用最短時間完成 side project 規劃」中有提到,我認為規劃一個作品,一定要先將 Flow Chart 確定、且資料欄位也規劃好後,...

鐵人賽 SideProject30 DAY 6

技術 Day06:依照 Firebase 數據庫規劃專案資料欄位

本文同步刊載於 我的個人部落格 NoSQL 在 Firebase 數據庫中是如何應用的? 在前一篇章節中,我們稍微認識了 NoSQL 這個新朋友,所以現在讓...

鐵人賽 SideProject30 DAY 6

技術 Day6—Firebase(四)在專案中寫入新增、讀取、更新、刪除資料

前言 承昨天的文章,今天我們將進一步深入瞭解Cloud Firestore,並學習如何在我們的專案中新增、讀取、刪除、更新這個雲端資料庫中的資料。 新增資料 第...

鐵人賽 SideProject30 DAY 5

技術 Day05:Firebase 服務中的資料架構

本文同步刊載於 我的個人部落格在規劃專案之資料表前,想先插播介紹關於 Firebase 的資料庫運作原理,此部分並不影響專案規劃之順序,因為這是在規畫專案前也...

鐵人賽 Mobile Development DAY 15
React Native CLI 開發心法 系列 第 15

技術 DAY 15 使用 Firebase 發佈 React Native 測試版 APP - 發佈應用程式

使用 Firebase 發佈測試版本的應用程式的好處在於可以便於同時管理跨平台的應用程式,同時可用 Performance 的監控各項效能指標與使用 Crash...

鐵人賽 SideProject30 DAY 5

技術 Day5—Firebase(三)利用Cloud Firestore寫入資料與安裝至專案

前言 承昨天的文章,今天將要介紹如何在Cloud Firestore網站上新增集合與資料,和利用npm在我們的專案上安裝Cloud Firestore。 在網站...

鐵人賽 SideProject30 DAY 4

技術 Day04:side project 必備的 Flow Chart(二)

本文同步刊載於 我的個人部落格 針對網站角色將 Flow Chart 再延伸 上一篇文章中有提到,此次專案主要區分兩個角色,本篇將針對「顧客」角色進行 Fl...

鐵人賽 SideProject30 DAY 4

技術 Day4—Firebase(二)建置一個Firebase專案

前言 承昨天的文章,若我們想使用Firebase的服務,只要利用Google帳號登入Firebase的網站,就可以從Firebase控制台建置自己的專案。 建立...

鐵人賽 SideProject30 DAY 3

技術 Day03:side project 必備的 Flow Chart(一)

本文同步刊載於 我的個人部落格 一、Flow Chart 是什麼? 流程圖(Flow Chart)是一種圖形化表示流程或過程的工具,通常用來展示一个系统、流...

鐵人賽 Mobile Development DAY 14
React Native CLI 開發心法 系列 第 14

技術 DAY 14 使用 Firebase 發佈 React Native 測試版 APP - 多種環境配置

現在了解了如何打包 Andriod 的 APK 跟 iOS 的 IPA ,接下來要使用 Firebase 來發佈這些打包好的應用程式,以提供其他人安裝測試版應用...

鐵人賽 SideProject30 DAY 3

技術 Day3—Firebase(一)初探Firebase

前言 在資訊爆炸的時代,常常在看開源專案或別人的作品集時,我們會突然靈光一閃有個side project的點子,但也經常受阻於技術面——尤其是後端技術等——故對...

鐵人賽 SideProject30 DAY 2

技術 Day02:用最短時間完成 side project 規劃

本文同步刊載於 我的個人部落格 從 user story 開始思考網站功能 延伸第一天的主題發想,我將自己視為使用者,站在使用者角度出發後,初步規劃網站功能...

鐵人賽 SideProject30 DAY 1

技術 Day01:在 side project 開始之前

本文同步刊載於 我的部落格 30天可以做什麼? 身為一位工程師,最需要的就是以 side project 來展示自己的技能,在一年一度的鐵人賽中看見 sid...

技術 【Firebase】Cloud Messaging API (舊版淘汰!) 更換 Firebase Cloud Messaging API (V1)

最近好久沒登入 Firebase 管理推播,沒想到登入確認的時候,發現【雲端通訊】的推播伺服器API已經升級了-.-a如下:舊版 HTTP 或 XMPP API...

技術 利用 Firebase Auth 整合 Line 第三方登入

後記 實務上當這個方案進入 QA 階段, 發現其在 android 平台有 bug, 這個坑我先踩了, 大家小心避過吧 QQ -20230901 起因 遇到 c...

技術 ChatGPT + 聊天室 + Firebase + 語音 + 登錄 筆記

使用 App Inventor 設計一要跟類似Line 的聊天室增加登入畫面如下: App 畫面如下: Firebase 畫面如下: App Inventor...

技術 Firebase 可以取代後端工程師?

開始接觸前端後,為了更專注在學習,使用了 Google 旗下的 Firebase 支援後端的功能,也就是 Backend as a service。 看到 Fi...

鐵人賽 Modern Web DAY 25
Node.js 從零開始 系列 第 25

技術 Node.js - 使用 reverse() 反轉資料排序

前面實作過一個簡易的代辦清單, 但目前的待辦清單最新的資料會在列表的後面,但現在使用者在陣列方法中可以使用 reverse() 方法反轉陣列的順序,但 fi...