Cara Membuat Apliklasi iOS dengan Web View

Jika kalian adalah seorang web developer yang ingin membuat aplikasi iOS dengan memanfaatkan pengetahuan yang sudah dimiliki, maka ada cara instan untuk melakukannya.

Handoyo Saputra | 20 Maret 2020

Wkwebview

Membuat aplikasi iOS normalnya dapat menggunakan bahasa pemrograman Swift atau Objective-C. Namun tidak banyak orang di Indonesia yang menguasai bahasa tersebut. Jika kalian adalah seorang web developer yang ingin membuat aplikasi iOS dengan memanfaatkan pengetahuan yang sudah dimiliki, maka ada cara instan untuk melakukannya.

Kita dapat menggunakan WKWebView. Ini merupakan objek untuk menampilkan halaman web di iOS. Ketika aplikasi dibuka maka akan melakukan request halaman web ke server. Hasilnya akan ditampilkan secara full screen. Website yang ditampilkan harus responsive dan dapat diakses melalui HTTPS.

Untuk membuat aplikasi iOS dengan WKWebView, developer tidak harus menguasai bahasa Swift/Objective-C. Berikut langkah-langkahnya:

  • Buka XCode dan buat project baru. Pilih template Single View App.xcode
  • Isikan nama aplikasi dan nama perusahaan. Pilih bahasa Swift. Hapus centang Include Unit Test, dan Include UI Test.xcode
  • Buka file Main.storyboard, pilih View Controller. Klik menu Editor -> Embed In -> Navigation Controller. Gunanya untuk membuat title bar yang nantinya akan berisi judul dari halaman website.
  • Buka file ViewController.swift dan ganti dengan kode berikut:
import UIKit
import WebKit
    
ViewController: UIViewController, WKNavigationDelegate {
    
  var webView: WKWebView!
    
  override func viewDidLoad() {
    super.viewDidLoad()
        
    let url = URL(string: "https://kaptentekno.com/cara-membuat-apliklasi-ios-dengan-web-view")!
    webView.load(URLRequest(url: url))
  }
    
  override func loadView() {
    webView = WKWebView()
    webView.navigationDelegate = self
    view = webView
  }
    
  func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
    title = webView.title
  }
}

Jika ingin mengubah logo aplikasi dapat dilakukan dengan mengedit Assets.xcassets. Untuk membuat logo aplikasi iOS dengan mudah dapat menggunakan MakeAppIcon. Masukkan semua ikon yang digenerate dari MakeAppIcon kedalam Assets.xcassets. Hal ini dapat dilakukan dengan drag & drop. Kemudian ganti pengaturan ikon pada App Icon Source.

xcode

Setelah semuanya selesai, build dan run pada iPhone.

TagsCoding
visibility 9.834

Artikel Lainnya

Artikel Terbaru