'프로그래밍/Javascript'에 해당되는 글 7건

  • 2018.05.09 firebase 정리
  • 2016.05.20 s3 업로드 할 때 참고 cors 관련
  • 2015.05.30 인터넷익스플로러 버전 알아내기
  • 2015.05.27 Uncaught SyntaxError: Unexpected token o
  • 2014.12.03 안드로이드 웹뷰에서 자바스크립트로 안드로이드 메서드 호출하기
  • 2014.11.27 ajax error 메시지 출력하기
  • 2013.05.22 [Javascript]Div 보이기/숨기기

웹용 firebase 관리해서 작업하면서 정리


google api 콘솔에서 firebase cloud messaing 검색해서 사용함으로 하고


firebase 콘솔에서 클라우드메시징 관련한 탭에서 서버키 등 조회 가능


이 서버키로 사용자에게 푸시 보낼수 있음



안내된 스크립트 내용을 html에 추가하고

작업 진행


firebase-messaing-sw.js는 보통 root에 포함하는데


navigator.ServiceWorker 에서 위치 지정하는 메서드 있음


//

문서 참조해서 push 보냈는데 서비스워커에서 수신을 못하는 경우가 있음

body에 json으로 보낼 때

notification 객체 말고 data 객체 하나 더 만들어서 거기다 넣어야지 백그라운드 서비스워커에서 받음


//

firebase-messaing-sw 서비스워커가 제대로 등록이 되지 않고

mime type 관련해서 오류를 뿜는다면 

사용하고 있는 서버의 conf 파일 살펴 볼 것


예를 들어 nginx.conf에서 mime.type 설정 관련한 내용이 없다면

서비스워커 등록할 때 지원하지 않는 mime.type이라고 에러를 뿜음

이런 에러를 겪는 분들이 없어서 그런지 관련내용 찾기가 어려웠음 ㅠㅠ...



Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.

s3 버킷에 파일을 올리는데 이미지는 문제 없는데, 영상 파일은 자꾸 

Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource... 관련 에러를 뿜어서...

기존 cors configuration에서 아래를 추가하니 문제 해결!!

<ExposeHeader>ETag</ExposeHeader>
<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
  <CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>PUT</AllowedMethod>
    <AllowedMethod>POST</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
    <ExposeHeader>ETag</ExposeHeader>
  </CORSRule>
</CORSConfiguration>


Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.

function get_ie_version {
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");

if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
// IE
var version = parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)));

return version;
} else {
// 그 외 브라우저
return -1;
}
}


Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.


ajax로 api 호출을 해서


결과를 받을 때 


Uncaught SyntaxError: Unexpected token o 와 같이 에러를 뿜으면


response가 이미 json object로 넘어 오는데

response를 jQuery.parseJSON 하는 경우임!


jQuery.parseJSON를 사용하지 말고 그대로 response 를 사용하면 문제 해결~!


Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.
Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.
error: function (xhr) {
var jsonResponse = JSON.parse(xhr.responseText);
alert(jsonResponse.msg);
}


Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.
보이기/숨기기
function show() { var f = document.form; var myDiv = document.getElementById("myDiv"); // 초기화 if(f.g.checked == true) { myDiv.style.display = "block"; } if(f.c.checked == true) { myDiv.style.display = "none"; } }
Posted by ㅇ_ㅎ
현재 브라우저에서는 댓글을 표시할 수 없습니다.
IE9 이상으로 브라우저를 업그레이드하거나, 크롬, 파이어폭스 등 최신 브라우저를 이용해주세요.