swift WKWebView ios 하이브리드앱 기초 샘플

#ios webview #swift webview #아이폰 webview #아이폰 웹뷰 #아이폰 하이브리드 #아이폰 하이브리드앱 #워크식스 #하이브리드어플

아이폰 하이브리드앱 제작 시 기초 설정을 해놓고 개발을 시작하면 편리합니다. 사실 아래 내용만 잘 따라해도 웬만한 하이브리드앱의 80%를 제작 가능합니다.







개발환경 


언어 : Swift

IDE : Xcode9









프로젝트 만들기


아이폰 하이브리드앱












iOS > Single View App 선택


아이폰 하이브리드앱












프로젝트 이름 세팅, Swift 선택


아이폰 하이브리드앱













Main.storyboard 에 웹뷰 추가


① Main.storyboard

② ViewController Scene

③ Show the Object Library 버튼 클릭

④ we 로 검색해서 WebKit View 화면에 드래그 드랍 > 사이즈 조절 


아이폰 하이브리드앱













https 뿐만 아니라 http 도 허용되도록 앱 보안 설정


① info.plist

② Bundle version 옆에 + 버튼 클릭

③ App Transport Security Setting  추가 > + 버튼 클릭

④ Allow Arbitrary Loads NO를 YES로 변경

 

아이폰 하이브리드앱














ViewController.swift 에 코드 추가


아이폰 하이브리드앱













빌드 후 테스트 (끝!)


① 에뮬레이터 설정

② 빌드 및 실행



















[문의하기]




copyright ⓒ 2018. 워크식스