boraBong

[iOS] iOS에서 링크로 웹사이트 연결하기🔗 본문

iOS/Feat

[iOS] iOS에서 링크로 웹사이트 연결하기🔗

보라봉_ 2021. 5. 5. 03:10
728x90

#Swift how to connect website by code

 

안녕하세요ㅎㅅㅎ

보라봉입니다💜

 

오늘은 iOS에서 웹사이트에 연결하는 방법을 알아볼 거에요!!

저는 iOS에서 웹사이트로 링크를 연결하기 위해 SafariServices를 이용하려 합니다 :)

 


import SafariServices

✅ SafariServices를 import해서 SFSafariViewController를 이용하면

앱 내에서 링크연결이 되기 때문에 연결된 후에도 Done버튼을 눌러 언제든 원래 앱으로 돌아올 수 있습니다.

따.라.서

1. 웹사이트로 이동하기 위해 Safari 앱으로 전환되지 않아도 되고,

2. 앱 내에서 WebView or WebKitView를 이용하는 번거로운 일을 하지 않아도 되는 장점이 있답니다!!

 


< 코드 설명 >

1️⃣우선 웹페이지로 이동하기 위한 버튼 2개를 만들어줬습니다!

 

2️⃣버튼의 액션부에 이동하고자 하는 링크를 URL의 형태로 만들어줍니다! 

let blogUrl = NSURL(string: "https://borabong.tistory.com/")

 

3️⃣그 다음 SFSafariViewController형태의 변수를 만들고, SFSafariViewController에 앞서 만들어줬던 URL을 심어줍니다.

저는 blog로 이동하고 싶기 때문에 변수명을 blogSafariView로 지었습니다 ㅎㅎ

 let blogSafariView: SFSafariViewController = SFSafariViewController(url: blogUrl as! URL)

 

4️⃣마지막으로 modal을 띄우는 방식처럼 present를 이용하여 만들어준 SafariView를 연결시켜주면 됩니다 :)

self.present(blogSafariView, animated: true, completion: nil)

 

iOS_웹페이지 연결 구동영상.mov
9.81MB


 

 

전체 코드 첨부 

//
//  ViewController.swift
//  linkToWebPagePractice
//
//  Created by hwangJi-dev on 2021/04/17.
//

import UIKit
import SafariServices

class ViewController: UIViewController {

    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view.
    }

    @IBAction func touchUpToLinkToBlog(_ sender: UIButton) {
        
        let blogUrl = NSURL(string: "https://borabong.tistory.com/")
        let blogSafariView: SFSafariViewController = SFSafariViewController(url: blogUrl as! URL)
        self.present(blogSafariView, animated: true, completion: nil)
    }
    
    @IBAction func touchUpToLinkToGithub(_ sender: UIButton) {
        
        let githubUrl = NSURL(string: "https://github.com/hwangJi-dev")
        let githubSafariView: SFSafariViewController = SFSafariViewController(url: githubUrl as! URL)
        self.present(githubSafariView, animated: true, completion: nil)
    }
}



 

 

 

https://github.com/hwangJi-dev/iOS-Practice/tree/master/linkToWebPagePractice

 

hwangJi-dev/iOS-Practice

지은 iOS 기록장🍎. Contribute to hwangJi-dev/iOS-Practice development by creating an account on GitHub.

github.com

 

 

이렇게 오늘은 swift에서 웹사이트에 연결하는 방법을 알아봤습니다!!

유익한 정보가 되었으면 좋겠네요:)

도움이 되셨다면 공감 꾸욱 눌러주세요 👍🏻💜

반응형
Comments