React Native Webview2 (웹뷰)

Webview로 간단하게 React Native(리액트 네이티브)로 사이트를 앱으로 만드는 방법입니다.

 

https://github.com/greatbsky/react-native-webview2-demo 에서 다운로드 하세요.. 

 

필요한 것은 WebView2App 입니다.

 

cd WebView2App

npm install 

하고

react-native run-ios 하시면 됩니다.

 

app.js안에 있는 baidu.com을 필요한 웹사이트로 변경해서 테스트 해보시면 됩니다.

(필요없는 button과 Text는 지우면 됩니다.)

 

아미나 데모 사이트와 영카트 테마 redshop, someday를 캡쳐해 봤습니다.

 

minHeight가 300으로 되어 있는데, 최대 크기로 하는 방법은 못찾았습니다.(찾으신분은 댓글 부탁드립니다.)

 

테스트해 보신분은 다른 기능도 되는지 알려주세요.. (글쓰기, 댓글, 사진올리기등.)

 

Webview의 패키지는 https://github.com/greatbsky/react-native-webview2

 

Webview도 있는데,  webview2는 자바스크립트 연결기능이 있다는 것 같습니다. (위의 버튼과 연동등..)

 

db36940a5863c7b435d0a8e2761363eb_1476763508_025.JPG
db36940a5863c7b435d0a8e2761363eb_1476763508_2548.JPG
db36940a5863c7b435d0a8e2761363eb_1476763508_4558.JPG
db36940a5863c7b435d0a8e2761363eb_1476763508_656.JPG
 

 

|

댓글 7개

한다리 건너는 웹뷰(타이타니움. 폰갭)는 웹앱 보다 속도가 현저히 떨어지던데 어떤가요?
데모만 돌려 봤습니다. 실제로 앱을 만들어서 테스트해 봐야 되는데.. 제가 가고자 하는 방향은 아니라서, 그냥 테스트 목적으로..
감싸는 형태의 앱은 저도 꺼리고 있습니다ㅋㅋㅋㅋ
그래서 어플을 만들어 봤다고 못하고있습니다.
단지 네이티브로 웹앱을 만들어봤을 뿐이죠 ㅠ.ㅠ
Virtualbox에 맥돌리면서 시뮬레이터로 돌려 보는데.. 속도는 나쁘지 않은 것 같습니다.
자주 사용할 것이 아니라서 다른 테스트는 안하고, react-native에 이런것도 있다정도로..
이것이라도 쓰시는 분이 있다면 테스트도 해서, 다른분들이 헛수고 안하게 알려주시면 좋을 것 같아서...
네이티브 웹앱이 아니라 하이브리드 앱같은 경우는 네이티브 수정에 대해 제한적이라 꺼려지게 되더라구요. 제가 포기 한이유는 다음과 같습니다.

1. 속도
2. pg의 지원

간단하게 만들기는 좋은데 말이죠 ㅎㅎ
어차피 CPU속도는 2-3년내로 남아 돌것이고,

하여간 일반 하이브리드 보다는 빠른 것 같아서, 해 보고 있습니다.
무어법칙이죠!
반도체(메모리, 램 포함)는 18개월마다 2배로 증가 하지만 PC(하드웨어까지 확작하여)가격은 떨어진다.

리엑트 참 매력있는 언어죠 ㅎㅎ
저는 무서워서 ㅠ.ㅠ
댓글을 작성하시려면 로그인이 필요합니다.

앱개발

+
분류 제목 글쓴이 날짜 조회
9년 전 조회 1,704
9년 전 조회 1,422
9년 전 조회 1,388
9년 전 조회 1,196
9년 전 조회 2,000
9년 전 조회 1,203
9년 전 조회 2,003
9년 전 조회 1,297
9년 전 조회 1,752
9년 전 조회 1,429
9년 전 조회 1,643
9년 전 조회 1,287
9년 전 조회 1,395
9년 전 조회 1,355
9년 전 조회 4,927
9년 전 조회 1,161
9년 전 조회 1,304
9년 전 조회 2,157
9년 전 조회 1,181
9년 전 조회 1,268
9년 전 조회 1,127
9년 전 조회 1,360
9년 전 조회 1,085
9년 전 조회 1,148
9년 전 조회 2,356
9년 전 조회 1,215
9년 전 조회 1,027
9년 전 조회 1,506
9년 전 조회 1,348
9년 전 조회 1,189