#5 用RESTful API來訂杯珍奶喝吧！Part-2-Web官網整合介紹

上篇大致上介紹了APP的使用方法及功能，這篇來說說首頁的建置過程囉～

步驟：

1. 建立一個View Controller，點選此新增的View Controller後，點擊Editor Window右下方的Embed in鈕，選取Tab Bar Controller
2. 點選新增View Controller下方的Tab Bar區域，接著到Inspector面板在item欄位中填上"首頁"，Image改成house圖示

3. 新增indexViewController.swift型別，並設定給View Controller

4. 切換到indexViewController.swift，撰寫下方程式：

      var webView: WKWebView!

      override func loadView() {
          // 配置 WKWebView
          let webConfiguration = WKWebViewConfiguration()
          webView = WKWebView(frame: .zero, configuration:  webConfiguration)
          // 將我們的 view 指定為 webView
          view = webView
      }
    
      override func viewDidLoad() {
          super.viewDidLoad()
          // 讀取來自 URL 的網頁
          let myURL = URL(string:"https://www.chunshuitang.com.tw/")
          let myRequest = URLRequest(url: myURL!)
          webView.load(myRequest)
      }

以上完成後即將春水堂的官方首頁整合到APP中囉～～

關聯文章：

#4 用RESTful API來訂杯珍奶喝吧！Part-1-畫面及功能簡介 — 重來 就從 APPLE APP 開始吧 — Medium

#6 用RESTful API來訂杯珍奶喝吧！Part-3-menu呈現及banner輪播 — 重來 就從 APPLE APP 開始吧 — Medium

#7 用RESTful API來訂杯珍奶喝吧！Part-4-訂單上傳及查詢 — 重來 就從 APPLE APP 開始吧 — Medium

#8 用RESTful API來訂杯珍奶喝吧！Part-5-訂單修改及刪除 — 重來 就從 APPLE APP 開始吧 — Medium