'2015/11'에 해당되는 글 4건

  1. 2015.11.29 cordova-pulgin-whitelist 사용법
  2. 2015.11.22 crosswalk 사용기 1차
  3. 2015.11.15 라즈베리파이 무선랜동글들에 대한 리뷰
  4. 2015.11.14 android 4.4 kitkat debugging 디버거 접속 안되는 문제 해결하기

cordova-pulgin-whitelist 사용법

|


코도바로 프로잭트를 생성하면 기본적으로 설치되는 플러그인입니다.(5.x 버전 확인)

4.0대부터는 http 로 시작하는 주소를 직접입력하거나 location.replace 등으로 주소를 직접 입력하는경우 새창으로 페이지가 열리도록 되어있습니다.

경우에 따라서는 새창에서 열리지않고 웹뷰가 리프레쉬되도록 하고싶을때가 있습니다.

코도바에서 새창에서 페이지가열리지않도록 하려면 whitelist 플러그인을 세팅해주어야합니다.

(참고 : https://github.com/apache/cordova-plugin-whitelist)


아래처럼 config.xml에 allow-navigation 태그를 이용해서 웹뷰에서 해당 페이지가 열리도록 설정할수있습니다.

location.href,replace 뿐만아니라 <a href="..."> 도 마찬가지입니다.


<!-- Allow links to example.com -->
<allow-navigation href="http://example.com/*" />

<!-- Wildcards are allowed for the protocol, as a prefix
     to the host, or as a suffix to the path -->
<allow-navigation href="*://*.example.com/*" />

<!-- A wildcard can be used to whitelist the entire network,
     over HTTP and HTTPS.
     *NOT RECOMMENDED* -->
<allow-navigation href="*" />

<!-- The above is equivalent to these three declarations -->
<allow-navigation href="http://*/*" />
<allow-navigation href="https://*/*" />
<allow-navigation href="data:*" />

반대로 allow-intent 하면 새로운창에서 href=주소에 대한 페이지가 열리게됩니다.


<!-- Allow links to web pages to open in a browser -->
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />

<!-- Allow links to example.com to open in a browser -->
<allow-intent href="http://example.com/*" />

<!-- Wildcards are allowed for the protocol, as a prefix
     to the host, or as a suffix to the path -->
<allow-intent href="*://*.example.com/*" />

<!-- Allow SMS links to open messaging app -->
<allow-intent href="sms:*" />

<!-- Allow tel: links to open the dialer -->
<allow-intent href="tel:*" />

<!-- Allow geo: links to open maps -->
<allow-intent href="geo:*" />

<!-- Allow all unrecognized URLs to open installed apps
     *NOT RECOMMENDED* -->
<allow-intent href="*" />

access  태그 ajax 요청에 대한 허용여부를 설정을 할수있습니다.


<!-- Allow images, xhrs, etc. to google.com -->
<access origin="http://google.com" />
<access origin="https://google.com" />

<!-- Access to the subdomain maps.google.com -->
<access origin="http://maps.google.com" />

<!-- Access to all the subdomains on google.com -->
<access origin="http://*.google.com" />

<!-- Enable requests to content: URLs -->
<access origin="content:///*" />

<!-- Don't block any requests -->
<access origin="*" />


어떠한 access에대한 정의도 없다면 file:// 만 요청이 허용가능해집니다.






저작자 표시 비영리 동일 조건 변경 허락
신고
TRACKBACK 0 And COMMENT 0

crosswalk 사용기 1차

|

크로스워크란?

싸이트주소 https://crosswalk-project.org

하이브리드앱(웹뷰기반의앱) 개발시 쓰는 웹뷰들이 아직은 html5표준을 제대로 지켜지지않는 문제를 해결하기 위해서

웹뷰를 자체를 따로 개발하려는 프로잭트임

그러나...

사실 인텔에서 주관해서 하는 프로잭트인데 사실 이것도 html5표준을 완벽지원하느냐는 또다른 함정일수있음.

그래서 '나루호도' 라는 말을 하기엔 아직은 이를거같다는 생각이듬...


-안드로이드용 사용기정리


1. 환경 세팅

개발환경 macosx 사용함 도규먼트상에는 리눅스용만 나와있으나 osx에서도 비슷하게 세팅할수있음

자바와 ant라는게 설치되어야하는데 자바는 안드로이드 스튜디오가 설치되었다면 별도로 세팅할필요는 없을거같음

ant 파일을 다운받아 압축을 풀고 경로 설정을 해주면됨

http://www.apache.org/dist/ant/binaries/ 이곳에서 다운받아서 압출풀고 패스에 추가해주면됨

리눅스의 경우는 패스를 추가 하려면 ~/.bashrc 이지만 osx 는 ~/.bash_profile 임

vim ~/.bash_profile 

파일을 오픈하고 없으면 만들어짐

ant와 안드로이드 sdk(안드로이드 스튜디오 설치) 경로를 추가해 줌


예>

export ANT_HOME=/Users/gbox3d/Desktop/android/utils/ant

export PATH=${PATH}:${ANT_HOME}/bin

export PATH=/Users/gbox3d/Library/Android/sdk:$PATH

export PATH=/Users/gbox3d/Library/Android/sdk/tools:$PATH

export PATH=/Users/gbox3d/Library/Android/sdk/platform-tools:$PATH


그 다음 터미널창을 다시열거나 아래 커멘드를 실행해서 설정을 반영함

source ~/.bashrc


아래 커멘드들로 제대로 설치되었는지 확인

ant -version

adb  help


https://crosswalk-project.org/documentation/downloads.html  에서  아래빨간색 밑줄쳐진 파일 다운 받아서 압축을 푸세요.



그리고 ~/.bash_profile 에 경로 추가해요


2. 어플 만들기


작업폴더 생성후 이동

mkdir sample

cd sample


icon.png 파일 만들기

이미지크기가 128x128

(샘플 다운받기 wget https://crosswalk-project.org/assets/cw-app-icon.png)


index.html 파일 만들기

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>simple</title>
  </head>
  <body>
    <p>hello world</p>
  </body>
</html>


manifest.json 파일 만들기


{
  "name": "simple",
  "xwalk_version": "0.0.1",
  "start_url": "index.html",
  "icons": [
    {
      "src": "icon.png",
      "sizes": "128x128",
      "type": "image/png",
      "density": "4.0"
    }
  ]
}

apk빌드하려면 아래와 같이 make_apk.py 스크립트를 실행합니다.

make_apk.py --package=org.crosswalkproject.example --manifest=./manifest.json --enable-remote-debugging


make_apk.py 는 크로스워크를 다운받아서 압축을 풀면 폴더안에 있습니다. 

~/.bash_profile (또는 bashrc) 에 export 로 PATH를 지정해주거나 직접 경로를 써주면서 실행시켜주면됩니다.







저작자 표시 비영리 동일 조건 변경 허락
신고
TRACKBACK 0 And COMMENT 0

라즈베리파이 무선랜동글들에 대한 리뷰

|

상기 내용은 계속 추가할예정입니다. 혹시 공유하고싶은 내용이 있으시면 댓글남겨두시면 감사하겠습니다.


파이와 궁합이 좋은것을 화이트리스트라고 하고 그렇지않으면 블랙리스트로 하겠습니다.


1. 화이트리스트


-iptime N100 mini

-iptime N100 miniAP


2. 그레이 리스트 

-iptime N300UA

 : 직접확인은 아직안해보았지만  (http://zzulog.tistory.com/category/Embedded%20Software/Rasberry%20Pi)

확인결과 station 모드로는 동작하지만 dhcp 데몬이동작하지않아서 AP세팅은 되지않는것같음


2.블랙리스트


-iptime N150UA

: 구글링해보면 어찌어찌 붙였다고 하는 분들몇분계시는데 글읽어보시면알겠지만...그냥 버리고 다른거 사시는 편이...

(http://www.slideshare.net/juhyeonyeom9/iptime-150u-a)


-iptime A2000U 

: 드라어버를 잡지못함 동작하지않음



저작자 표시 비영리 동일 조건 변경 허락
신고
TRACKBACK 0 And COMMENT 0

android 4.4 kitkat debugging 디버거 접속 안되는 문제 해결하기

|
LG-V400 미니페드를 쓸려는데 디버깅 연결이안되는 문제가 있었습니다.

이경우에는 MTP모드로 연결이 되어있는데 이것을 PTP모드로 바꾸어 접속하시면 디버깅연결이됩니다.

설정에 들어가시면 저장소 옵션에 설정하는것이 있습니다.






저작자 표시 비영리 동일 조건 변경 허락
신고
TRACKBACK 0 And COMMENT 0
prev | 1 | next

티스토리 툴바