20191011

前言

今天的內容是將我們前面寫好的App，安裝到我們的iPhone手機上，來做實機測試。

現在，我們馬上開始！

操作流程

準備工作

1. 首先你要註冊蘋果開發者網站，擁有帳號

如何申請請參考: Day2 註冊Apple Developer網站開發者
https://ithelp.ithome.com.tw/articles/10216867

2. 開啟Xcode設定

3. 到Account頁面，建立新帳號

4. 輸入Apple帳號/密碼後，按下『Next』

5. 登入後，已經可以看到自己的帳號

• 如果原本已有帳號，以上步驟可跳過

專案與手機設定

1. 開啟專案設定，並切換到登入頁籤，將『Automatically manage signing
   』打勾

2. 點選『Enable Automatic』

3. 請選擇剛剛設定的帳號

• 成功後可看到相關資訊

4. 接者在Xcode專案上方區塊，新增裝置

5. 此時，請將iPhone手機透過傳輸線連接到MAC

• 手機記得先解開螢幕鎖

[iPhone 手機設定]
6. 點選『信任』

7. 輸入手機解鎖密碼

[回到專案設定]

8. 此時模擬器裝置，已經出現剛剛設定好的手機，選擇後，我們執行專案

9. 如果跳出密碼輸入畫面，請輸入MAC登入密碼

10. 安裝成功後，可以發現手機已經有我們開發的App，而模擬器的設定畫面，也可以看到安裝的App

• 將『Connect via network』，下次執行就不用在接線了，比較方便

[iPhone 手機設定]

11. 開啟App會發現跳出警告無法執行

12. 開啟iPhone的設定 => 一般 => 裝置管理 => 信任

到這一步驟，恭喜你已經可以在手機上，測試自己的App了

畫面調整

透過手機上看App，發現UI尚有一些部分需要調整。

1. 調整下方按鈕
   下方的按鈕，似乎太靠近下方了，因此我們回專案調整一下約束

• 調整約束前

• 調整約束後

2. 發現上方瀏海的區塊有一片空白，因此我們加入以下程式碼解決 (參考ref10)

override func viewDidLoad() {
    super.viewDidLoad()
    
    let image = UIImage()
    self.navigationController?.navigationBar.setBackgroundImage(image, for
.default)
    self.navigationController?.navigationBar.shadowImage = image
}

• 完整圖

3. 將上方的人像圖，換為我們Day16所畫過的石虎

總結

今天我們練習了將專案傳送到手機上去執行，步驟非常的多，但是一步一步做，也不會太困難。接者我們在手機上，發現UI有一些可以再調整的地方，因此我們也修改了專案與程式碼。

今天的內容就到這邊，感謝讀者們的閱讀。

Github:

https://github.com/chiron-wang/IT30_11

參考資料與延伸閱讀

1. 深入淺出 iPhone 開發 (使用 Swift4) - WeiWei
   https://www.udemy.com/course/iphone-swift4/

2. iOS 12 App 開發快速入門與實戰(繁體中文)
   https://www.udemy.com/course/ios-12-app/

3. 心智圖軟體Xmind
   https://www.xmind.net/

[Realm]

4. [Swift] Realm.io 資料庫介紹 - 其之一：初探CRUD
   https://ithelp.ithome.com.tw/articles/10183329

5. Auto increment ID in Realm, Swift 3.0
   https://stackoverflow.com/questions/39579025/auto-increment-id-in-realm-swift-3-0

6. Realm Studio
   https://realm.io/docs/swift/latest/#realm-studio

[Notificationcenter]

7. 客製化 NotificationCenter　讓你使用起來更簡單
   https://www.appcoda.com.tw/notificationcenter/

8. Apple Developer NotificationCenter
   https://developer.apple.com/documentation/foundation/notificationcenter

9. UITextField如何讓鍵盤消失？
   https://medium.com/%E5%BD%BC%E5%BE%97%E6%BD%98%E7%9A%84-swift-ios-app-%E9%96%8B%E7%99%BC%E6%95%99%E5%AE%A4/uitextfield%E5%A6%82%E4%BD%95%E8%AE%93%E9%8D%B5%E7%9B%A4%E6%B6%88%E5%A4%B1-37565fdb6b2f

10. 實現透明的 navigation bar & tab bar — 利用它的背景圖和陰影圖
    https://medium.com/彼得潘的-swift-ios-app-開發問題解答集/實現透明的-navigation-bar-利用它的背景圖和陰影圖-c9ba9e81f122

11. 南投縣友善石虎農作促進會《石虎家族的綠保運動》
    https://bnwinfor.com/2018/04/21/%E5%8D%97%E6%8A%95%E7%B8%A3%E5%8F%8B%E5%96%84%E7%9F%B3%E8%99%8E%E8%BE%B2%E4%BD%9C%E4%BF%83%E9%80%B2%E6%9C%83%E3%80%8A%E7%9F%B3%E8%99%8E%E5%AE%B6%E6%97%8F%E7%9A%84%E7%B6%A0%E4%BF%9D%E9%81%8B%E5%8B%95/