▶이동
  • 상구너 닷컴 블로그를 방문하신 여러분을 환영합니다 :)
  • 스팸 정책에 의해 일부 덧글·방명록차단될 수 있습니다.

크롬 확장앱 만들어보기 (3/3)

Challenge 상구너(smokingbird) 2018.06.05 14:58

안녕하세요 상구너입니다.


크롬 확장앱 만들기 마지막 시간에는 제작한 확장앱을 직접 내 크롬 브라우저에 등록해보고,

다른사람들도 쉽게 사용할 수 있도록 하는 방법을 다룰 예정입니다.


이번 시간은 큰 설명없이 스크린샷으로 진행하겠습니다.




이전 강좌 보기


크롬 확장앱 만들어보기 (프롤로그)

크롬 확장앱 만들어보기 (1/3)

크롬 확장앱 만들어보기 (2/3)








지난시간에 작성한 디렉토리를 뒤로하고, 

여러분의 크롬브라우저의 확장프로그램 메뉴를 엽니다.




chrome://extensions 주소를 입력해도 접속할 수 있습니다.





개발시에는 이 확장을 이렇게 불러올 수있습니다.

"압축해제된 확장 프로그램을 로드합니다." 버튼을 누르면

디렉토리 선택창이 뜨고

우리가 제작한 확장프로그램 디렉토리를 선택합니다.





로드가 되면 위와같이 뜹니다.



우측에 새로고침 같은 버튼은, 추후에 추가 개발할때

지우고 다시 설치하고 그럴 필요없도록

소스를 새로고치는 기능입니다. 작업이 추가되면 저 버튼 한번만 눌러주세요!



그런데 매번 이 디렉토리를 띄워서 로드하고 

디렉토리 찾고 하는게 참 번거롭습니다.


원래라면 돈을 내고 구글 확장 개발자로 등록해서 심사를 받고 올라간 확장을 받아야 완성(?) 이 되지만,

개인적으로 사용할것을 돈까지내가며 공개하기엔 무리가 많습니다.




그래서 아래같은 방법을 시도해봅니다.




확장프로그램을 압축합니다.

루트디렉토리는 방금 위에서 개발용으로 지정했던 그 디렉토리

비공개키 파일은 처음엔 안넣어주셔도 됩니다.





확장프로그램 압축이 완료되면 위와같은 결과를 받게됩니다.

추가개발을 계획하고 있다면 pem 파일을 꼭 챙겨주세요.


이후 개발시, '비공개 키 파일' 부분에서 로드해주셔야합니다.




완료되면 위와같이 파일이 생성 되겠습니다.







완성된 crx파일을 `확장 프로그램` 페이지에 `드래그 엔 드롭` 하면






 위와 같은 화면이 됩니다. 추가로 진행해봅시다.




듣도보도 못한 뜬근없는 오류가 보입니다.

당연히 확장앱도 실행이 안됩니다.


정책상 웹 스토에 등록되지않은 확장은 설치가 안됩니다.


우리는 이 상황을 해결하기위해 조치해 줄 필요가 있습니다.


다음 압축파일을 받아 풀어주세요.



enable.zip





압축파일 내용입니다.

원래 이부분은 수동으로 진행해서 그룹정책에 등록하고 

여러 작업을 해야하지만


너무 번거로워서 이를 대신해주는 놈입니다.


이전 내용들을 모두 진행하셨다면 

( "이 확장 프로그램은 Chrome Web Store에서 ..." 오류 보이는데까지)


enableallExtensions.cmd 를 실행합니다.





그럼 위와같은 파웨쉘 화면이 실행됩니다.

모두 진행후 엔터를 눌러 프롬프트를 종료합니다.





이제 다시 확장프로그램 페이지를 새로고침 하거나 새로 열면

위와 같이 정상적으로 경고없는 확장 프로그램을 확인 할 수 있습니다.







이제 실행 화면을 보겠습니다.






이 부분에




이런 버튼을 끼워넣었습니다!





이로써 크롬 확장 프로그램을 만들고 배포하는 방법을 마쳤습니다.

저같은 경우엔 enable 프로그램과 확장 crx 파일을 함께 공유하고있습니다.


위에 소개해드린 방법은 웹스토어에 등록하지않을만한 작은 프로젝트에 해당합니다.

만약 공통적으로 사이트에 기능을 추가한다거나, addon 프로그램으로 만든다면, 웹스토어에 등록하는 것이 바람직 할 수도 있겠지요?





아무쪼록 즐거운 개발환경을 위해 열심히 한타 한타 타이핑하는 여러분을 응원합니다.!

0 0
  • 공지사항
    중요한 개인정보필요한 경우가 아닌 경우 적지 마시고, 적으셨다면 비밀글 설정을 꼭 해주시기 바랍니다.
    스팸 필터 정책에 의해 영문만으로 작성된 글이나 무의미한 내용의 글은 등록이 되지 않을 수도 있습니다.