Komponen untuk menampilkan halaman web di aplikasi iOS yaitu UIWebView. UIWebView digunakan untuk embed konten web ke dalam aplikasi iOS. Selain menampilkan halaman web, UIWebView juga dapat memuat document seperti html, doc, dan lain-lain. Untuk lebih jelasnya dapat dilihat di dokumentasi apple https://developer.apple.com/library/ios/documentation/UIKit/Reference/UIWebView_Class/index.html
Mari kita coba membuat webview di iOS.
Pertama buat project baru dengan nama MyWebView
Masuk ke storyboard. Drag and drop komponen Web View ke layar ViewController.
Atur contraints web view dengan mengklik pin dibawah, lalu add 4 constraints. Hal ini bertujuan agar tampilan web view bisa multilayout di semua device iphone.
Reference UIWebView dengan klik dan tahan tombol control lalu drag ke ViewController.h
Buat IBOutlet untuk UIWebView dengan nama webView
Lengkapi ViewController.m berikut
#import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:[NSURL URLWithString:@"http://m.kwikku.com"]];
[self.webView loadRequest:request];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(nonnull NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {
NSLog(@"Loading : %@", request.URL.absoluteString);
return YES;
}
- (void)webViewDidStartLoad: (UIWebView *)webView{
}
- (void)webViewDidFinishLoad: (UIWebView *)webView{
}
- (void)webView: (UIWebView *)webView didFailLoadWithError:(nullable NSError *)error{
NSLog(@"Error : %@", [error debugDescription]);
}
@end
Kemudian edit info.list sebagai berikut agar mengabaikan secure HTTPS (mulai dari iOS 9), untuk lebih jelasnya baca artikel ini http://ste.vn/2015/06/10/configuring-app-transport-security-ios-9-osx-10-11/
Running project maka hasilnya akan seperti ini
Source code bisa di liat di https://github.com/wimsonevel/MyWebView
Sekian dan Terima Kasih
Happy Coding :)
Tags:
iOS