Get to know Cloud Firestore(實作) - Tracy
===
> 請從這裡開始
>為了要記錄一下剛剛各位大大的指導，決定把共筆完成一下~
>sop:
1.策劃：主要是要依照下面這兩個網頁，就是把它做完=DONE
https://google.dev/codelabs/firestore-web-one?return=%2Fpathways%2Ffirebase-firestore%23codelab-https%3A%2F%2Fgoogle.dev%2Fcodelabs%2Ffirestore-web-one#0

做完之後~是完成下面這個:
https://google.dev/pathways/firebase-firestore#codelab-https://google.dev/codelabs/firestore-web-three

2.建立什麼：
一開始要先下載好"node.js"(選12.6.2LTS)
https://nodejs.org/en/
然後在下載好的.exe打開後也沒有打甚麼(我是用WIN)
就是原來的樣子https://gist.github.com/jzs2home/a0c5f59b27e95e520e9ee50fd25d01ec
3-如何建立：WIN的系統主要都是用"放大鏡的cmd"系統貼上SOP的指令
(一整個會打得如內:https://gist.github.com/jzs2home/92d1938558fec20245c2128315ca86c5)
覺得比較困難的就是都會手癢用滑鼠去點CMD，其實不能因為CMD滑鼠按了就會"暫停指令"，CMD的整個控制就是ENTER/上下鍵

4.打造核心：這個還要搭配FIREBASE
https://console.firebase.google.com/project/friendeats-f5bc3/database/firestore/indexes?create_composite=Cl9wcm9qZWN0cy9mcmllbmRlYXRzLWY1YmMzL2RhdGFiYXNlcy8oZGVmYXVsdCkvY29sbGVjdGlvbkdyb3Vwcy9yZXN0YXVyYW50cy9pbmRleGVzL0NJQ0FnT2pYaDRFSxABGgkKBXByaWNlEAEaDQoJYXZnUmF0aW5nEAIaDAoIX19uYW1lX18QAg

1.比較要注意的就是如果有的FIREBASE功能沒開過會要求授權(要注意自己在CMD裡打的FIREBASE的檔名是目前在使用的)
2.要FIREBASE裡面要改的地方有:

AUTHENTICATION:SIGN-IN METHOD的匿名要啟用

DATABASE:資料的地方會自己注入
DATABASE:規則的地方要自己填入
DATABASE:鎖引的地方是自己跳轉

5.use cases的迭代：一個反覆往返的概念，過程中會發展一個新功能，整合到先前系統，再加以測試

用任何一個可以開檔的軟體開啟從(INTELLIJ IDEA可以開)https://github.com/firebase/friendlyeats-web
下載的檔案

然後裡面主要會改的程式碼更改後如下https://gist.github.com/jzs2home/28abf93ca4c49a3b23e89a859d3bc391

6.維護：讓它可以像期望的那樣就是到http://localhost:5000
看看他有沒有像想像中改變(會自己增加評論/自己打評論/按鈕可以按)
> 測試測試(用瀏覽器-要更新才看的到會不會改變)