iOs

Membuat Webview ios dengan Swift 5

Home » Post » Membuat Webview ios dengan Swift 5

Membuat Webview ios dengan Swift 5

Table of contents



Membuat Webview ios dengan Swift 5 - Beberapa hari belakangan ini, saya sedang mempelajari bagaimana cara melengkapi seri Membuat website profesional PHP Mysql dengan sebuah webview ios. Dalam artikel kali ini webview dibuat menggunakan objek WKWebView. Jadi, sebuah situs web akan dimuat, di mana judul akan ditampilkan dan terdapat tombol Refresh. Tutorial ini dibuat dengan Xcode 10.3 dan menggunakan bahasa Swift. Bagi anda yang belum mengikuti seri Membuat website profesional PHP Mysql, silahkan baca terlebih dahulu langkah-langkahnya disini.

Buka Xcode anda, klik "Create a new xcode project" Membuat-webview-ios-swift_1

Pilih Single view App untuk templatenya kemudian klik Next 



Untuk Product Name dan lain sebagainya silahkan isi sesuai dengan aplikasi yang ingin anda bangun, untuk Language pastikan anda memilih Swift.

Di Main Storyboard dan pilih View Controller. Buka menu Editor dan pilih Embed in -> Navigation Controller.

Buka file ViewController.swift dan impor modul WebKit.

import WebKit

Tambahkan webView property pada ViewController class

var webView: WKWebView!

Ubah deklarasi class untuk mengimplementasikan protokol WKNavigationDelegate.

class ViewController: UIViewController, WKNavigationDelegate {

Tambahkan metode loadView

override func loadView() {
        webView = WKWebView()
        webView.navigationDelegate = self
        view = webView
    }

WKWebview ditetapkan ke tampilan utama dan untuk mengontrol tampilan adalah delegasi dari protokol WKNavigationDelegate. Ubah metode viewDidLoad menjadi

 // load the url first
        let url = URL(string: "https://hospital.nawadwipa.id")!
        webView.load(URLRequest(url: url))
        
        // create refresh button
        let refresh = UIBarButtonItem(barButtonSystemItem: .refresh, target: webView, action: #selector(webView.reload))
        toolbarItems = [refresh]
        navigationController?.isToolbarHidden = false

Selanjutnya, Implementasikan metode delegasi webView (_: didFinish :)

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
        title = webView.title
    }

Run dan lihat aplikasi webview anda.

Sekian artikel kali ini saya buat untuk pembelajaran saja. Saya akan terus berusaha untuk mengetahui lebih dalam tentang pemograman ios dengan swift ini. Tetap sehat...


Artikel Terkait