[study] WebView->React->특정 Url 로 이동하는 방법

기존 앱에서 Webview를 이용하여 리액트 페이지와 연결하여 사용 중이었다.
리액트로 만든 페이지를 앱에서 특정 버튼을 눌렀을 때 보여주는 방식이다.

문제! : 앱에서 버튼을 누르면 특정 url로 이동해야 한다.!

 

이경우를 설계 당시 생각했다면 webview의 source에 특정 url을 받는 경우를 특정하여 바로 이동시켰겠지만, 

이미 배포된 이후이고,,

무조건 리액트 페이지에서 해당 동작을 수행해야 하는 상황이다.

처음에는 window.open 메서드를 생각했지만.

이 경우는 버튼을 누르는 등의 동작이 있어야 해당 페이지로 이동이 가능했다.

useEffect에 담아도 마찬가지로,,, 앱 내에서는 동작하지 않는다.

 

그러다가 발견하게 된 방법!

window.location.href 이다

 

이것은 특정 url 페이지로 바로 이동시켜 준다.

내가 꾸밀 수는 없겠지만, 버튼을 눌렀을 때 해당 페이지로 이동하게 하는 방법에는 가장 정확하게 동작하였다.

(예)

리액트페이지에서 

useEffect(()=>{

        window.location.href = 'https://example.url';

 

},[])
return <></>

로 작성하면 끝이다.

 

단점은 아이폰 노치영역이 잘린다는 점이지만, 코드푸시 등 강제 업데이트의 방법 없이도 원하는 동작을 수행할 수 있다는 점이 큰 장점으로 작용하였다.