개발자로 살아남기-캐나다

간단히 만들어 본 크롬 익스텐션 구글 스토어 제출 하기 본문

카테고리 없음

간단히 만들어 본 크롬 익스텐션 구글 스토어 제출 하기

志者必得 2021. 12. 27. 23:49

대표 이미지 - 크롬 익스텐션 제출 하는 방법

 

제가 최근에 크리스마스 연휴를 보내가다 문득 필요한 게 있어서 크롬 익스텐션을 하나 만들어 보았습니다. 화면에 blur 한 부분이나 화면 전체를 가리는 팝업을 제거해주는 플러그인입니다. 최근 들어 많은 웹사이트들이 부분적으로 가리고 전체 화면 뛰워서 가입 안 하면 못하게 하는 방법을 많이 사용하고 있어서 만들었습니다. 물론 여러 웹사이트들은 자바스크립트로 콘텐츠를 부분적으로 보여주거나 가짜 데이터를 보여 주는데 그러면 어떻게 할 수가 없습니다. 

https://chrome.google.com/webstore/detail/visibilize/cepdgdncnnflfcmahndoefpkljnnebmn?hl=en&authuser=0 

 

Visibilize

Remove all blurred contents and remove all page level overlays

chrome.google.com

 

이 익스텐션을 구글에 제출 하면서 알게 된 것들을 간단히 소개하려고 합니다. 

 

일단 구글 익스텐션을 제출 하려면 웹스토어 계발자로 등록해야 되는데 5불을 내야 합니다.

 

등록하러 가기

 

일단 5불을 내게되면 

 

아래와 같은 dashboard를 볼 수 있는데요 저 같은 경우는 이미 하나를 등록했기 때문에 아래처럼 보입니다.

이제 New Item을 클릭해서 새로 등록해 보도록 합시다.

계발자 대시보드

새로운 아이템 추가를 클릭 하시면 아래와 같이 zip 파일을 넣으라고 합니다. 그러면 필요한 구성요소가 있는 디렉터리를 zip 해서 올려 줍니다. 앞에서 제가 설명한 리액트로 구글 익스텐션 만들기를 보셨다면 build 디렉토리를 zip 하면 되겠습니다.

zip파일 업로드 하기

파일을 올리게 되면 맨 처음 보게 되는 화면이 스토어 리스팅 화면입니다. 여기에서는 내가 만들고자 하는 익스텐션이 어떤 것인지 설명하는 것과 카테고리 그리고 어떤 언어를 서포트할 것인지 적는 부분입니다.

스토어 정보 입력

저도 영어 쓰기가 그렇게 잘되진 않지만 설명을 하니 받아 주더군요. 저는 아래와 같이 썼습니다. 16000천 자 가지 적을 수 있지만 그렇게 길게 안 써도 됩니다.

A growing number of websites use the blur effect to hide the information that shows only logged-in users and also show full page overlay with the sign-up popup, which makes the site unusable. However, people want to quickly check some information and leave instead of going through the sign-up process.

The developers can view and remove the elements on the page by developer tools. However, most people can bypass.

This extension allows you to remove the blurry effect and remove full page popups.
However, this extension cannot show data if they use fake data under the blurred item.

그리고 필요한 부분은 스토어 아이콘과 스크린숏입니다. 다른 것은 여기서 안 적어도 됩니다.

아이콘 및 스크린샷 색션

privacy practices

 

여기서는 익스텐션에 목적을 간략하게 적는 것입니다. 

저는 아래와 같이 썼습니다.

The most widely used technique to make a user sign up is hiding some part with blur effect and showing sign up a popup which also disables scroll. So this extension can remove the blur effect and full-page popup and enables the scroll again. When the extension opens, it removes the blur filter and the full page popup. Users can also run a script again with the button in the extension UI

다음에는 우리가 사용한 퍼미션에 대해서 왜 필요한지 적는 부분입니다. 사용한 모든 permission에 대해서 적어야 되기 때문에 필요 없는 퍼미션은 제거해주세요

퍼미션이 필요한 이유 적는 부분

다음으로는 내가 데이터를 수집한다면 어디에 쓸 것인지 적는 부분입니다. 마지막으로는 내가 적은 내용이 진짜다를 한번 더 확인받는 것입니다.

정보 입력을 진실 되게 했는지 확인 하는 방법

payments & distribution

다음으로는 만약에 앱이 payment를 받는지 또는 어느 나라에 배포할 것인지에 대해서 적는 부분입니다.

 

다 입력한 것 같은데 Submit for review 버튼을 클릭할 수 없다면 

Why can't i submit 버튼을 눌러보면 이유를 알려 줍니다.

이런 식으로 알려 줍니다.

퍼블리시 할 수 없는 이유

이제 웹스토어 계발자가 되신 분이라면 Account를 눌러서 정보를 기입해야 합니다. 무료 익스텐션이라면 프로파일만 적으면 됩니다. 

웹스토어 디벨로퍼 어카운트 정보

두 번째 있는 주소는 만약에 익스텐션에서 돈을 받고 주는 서비스가 있을 경우에만 쓰면 됩니다. 저는 썼다가 며칠 동안 제 집주소가 그대로 공개돼서 없애는 법을 찾아봤는데 그냥 지우고 다시 퍼블리시하면 됐습니다.

실제 주소 적는 부분

이렇게 다 적고 나면 저 같은 경우에는 총 24시간이 안 걸렸습니다. 물론 아주 간단하고 돈 받는 서비스도 없기 때문에 그렇다고 생각합니다. 

 

리액트로 익스텐션을 만들어 보고 싶으신 분은 아래 링크로 간단한 것을 만들어 볼 수 있습니다.

 

2021.12.24 - [분류 전체보기] - 리액트로 크롬 익스텐션 만들어 보기 시작부터 출시까지

0 Comments
댓글쓰기 폼