้
็ฝฎ Firebase ๅ๏ผๆๆไบบๆๅผๅไธ้กต้ขๆฐๆฎๅฎๆถๅๆญฅใๅฎๅ
จๅ
่ดน๏ผๆไปฅไธๆญฅ้ชคๆไฝ๏ผ
1
ๅๅปบ Firebase ้กน็ฎ
่ฎฟ้ฎ
console.firebase.google.com โ ็นๅปใๆฐๅขไธๆก / Add projectใโ ่พๅ
ฅ้กน็ฎๅ๏ผๅฆ bookmark-house๏ผโ ๅ
ณ้ญ Google Analytics โ ๅปบ็ซใ
2
ๅผๅฏ Firestore ๆฐๆฎๅบ
ๅทฆไพง่ๅๅฑๅผใBuild๏ผๆๅปบ๏ผใโ ็นๅปใFirestore Databaseใโ ็นๅปใCreate database๏ผๅปบ็ซ่ตๆๅบ๏ผใโ ้ใStart in test mode๏ผๆต่ฏๆจกๅผ๏ผใโ ๅบๅ้ asia-east2๏ผ้ฆๆธฏ๏ผโ ็น Enableใ
โ ๏ธ ๆต่ฏๆจกๅผ 30 ๅคฉๅๅฐๆ๏ผๅฐๆๅ่ฟ Rules ๆๆฅๆๆนๅคงๅฐฑ่ก๏ผallow read, write: if request.time < timestamp.date(2099,1,1);
3
่ทๅ้
็ฝฎไปฃ็
็นๅทฆไธ่งใ้ฝฟ่ฝฎๅพๆ โ๏ธใโใProject settings๏ผ้กน็ฎ่ฎพ็ฝฎ๏ผใโ ๆปๅฐใYour apps๏ผๆจ็ๅบ็จ็จๅผ๏ผใโ ็นใ</> ็ฝ้กตๅพๆ ใโ ่พๅ
ฅๅบ็จๅ็งฐ โ ็นใRegister appใโ ๅจ firebaseConfig = { ... } ้ๅคๅถๅคงๆฌๅทๅ
ๅ
จ้จๅ
ๅฎนใ
4
็ฒ่ดด้
็ฝฎ๏ผไฟๅญๅณ็ๆ
็ฒ่ดดๅ็นใไฟๅญๅนถ่ฟๆฅใ๏ผๅณไธ่งๅๆ ๐ข ๅทฒๅๆญฅๅณๆๅใ
ๅฆๆ่ฆๆ้
็ฝฎๅ่ฟ HTML ๆไปถไธ่ตทๆพๅฐ GitHub๏ผ่ฏท็ไธๆนใๅๅ
ฅๆไปถใๆ้ฎใ
๐พ ๆฌๅฐๅคไปฝ / ๆขๅค
ไธไพ่ตไปปไฝ็ฌฌไธๆนๆๅก๏ผ้ๆถๆๅ
จ้จๆฐๆฎๅฏผๅบไธบ JSON ๆไปถไฟๅญๅฐๆฌๅฐ๏ผๆข่ฎพๅคๆๆธ
้คๆต่งๅจๆถๅฏไธ้ฎๆขๅคใ