iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 9
0
Mobile Development

顏色 countenance APP製作筆記系列 第 9

[Day 9] Firebase加入專案(上)

  • 分享至 

  • xImage
  •  

Firebase於2014年加入Google,可支援Android、iOS及網頁應用,具有事件紀錄、數據分析、通知推播等…眾多功能,接下來幾天的文章會介紹Firebase基本存取應用,大家也可以透過網路搜尋其他不同的功能教學喔!
在「顏色」這款app中,為了實現「分享自身事件」和「關心好友事件」功能,必須將特定資料傳到雲端共享,因此我選擇使用Firebase雲端開發平台來快速建置後端服務,縮短app開發時間。

建立Firebase專案

參考資料:https://www.youtube.com/watch?v=mPBBNi2Ou6o

  1. 到Firebase官網,使用Google帳號登入

  2. 點選「Get started」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458NtuK73sliV.png

  3. 點選「建立專案」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458l0tp14Cvy5.png

  4. 輸入專案名稱,勾選接受Firebase條款,並點擊「繼續」
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458qbyNzDIqqb.png

  5. 本頁詢問是否要啟用Google分析功能,預設為啟用,可直接點擊「繼續」
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458B7uULYvvx9.png

  6. 點擊分析位置下拉選單,選擇「台灣」,勾選接受所有條款,即可建立專案
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458qKnTtXgggp.jpg

  7. 出現下方圖片就表示建置成功囉!點擊「繼續」可到專案頁
    https://ithelp.ithome.com.tw/upload/images/20200922/201304587oUI0ScCGX.png

將Firebase專案加入Xcode專案中(上)

  1. 進入Firebase新增的專案後,點擊「iOS」來新增應用程式
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458lmjXR2Rn3U.png

  2. 開啟Xcode專案,選擇Demo專案(左上藍色圖示),選擇TARGETS底下的Demo目標(筆和尺圖示),選擇「General」並複製「Bundle Identifier」的內容
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458ys7JHE9O0L.png

  3. 填寫第1部分的欄位,填寫完畢後點擊「註冊應用程式」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458IHSKAoGGLz.png

    • iOS軟體包ID:將複製的「Bundle Identifier」的內容貼到此欄位
    • 應用程式暱稱:可隨意命名
    • App Store ID:本專案可不必填寫
  4. 點擊「下載GoogleService-Info.plist」按鈕,將下載檔案放入Xcode專案後,點擊「繼續」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458ldJAoKiPQZ.png

  5. 依照Firebase教學,將下載檔案移到Xcode專案的根目錄中,勾選完選項後點擊「Finish」按鈕
    https://ithelp.ithome.com.tw/upload/images/20200922/20130458ca62G8yhYh.jpg

    • Destination:是否複製檔案到專案中。勾選時會將檔案複製進專案;不勾選時,會從此檔案的原目錄以參考的方式使用,專案目錄裡不會有複製的檔案
    • Added folders:檔案已group還是folder的方式加入檔案的目錄,本專案使用folder方式加入
    • Add to targets:檔案要用於哪一個Target,勾選後才會作用

完成上述步驟後,可先關閉Xcode專案,剩下的安裝過程會於下篇文章中講述。


上一篇
[Day 8] 用ARFaceAnchor判斷表情(下)
下一篇
[Day 10] Firebase加入專案(下)
系列文
顏色 countenance APP製作筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言