# ZEP Script 배포 가이드

## <mark style="background-color:purple;">STEP 1.</mark>

#### ZEP Script로 개발한 코드(**main.js)**, 사용할 이미지 파일, 위젯 파일들을 선택한 후 압축합니다.

{% hint style="danger" %}
주의:

\- 앱의 파일명과 형식은 반드시 “**main.js**”로 지정해주어야 합니다.&#x20;

\- 폴더를 압축하는 것이 아니라 **파일을 멀티 선택한 후 압축**해야 합니다.&#x20;

\- **\*.zip** 형식의 확장자를 지원합니다.
{% endhint %}

**예시 파일**

![](https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2F6wYF95Y7LVFdmWYIhrnv%2Fimage.png?alt=media\&token=09a791f4-b645-4160-ace5-c8f1278487c4)

{% file src="<https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FmvcOlBJjD3iAj4iYMXCx%2FZombie_Sample.zip?alt=media&token=913acd4b-5db5-4329-9c99-53debec39b89>" %}

## <mark style="background-color:purple;">STEP 2.</mark>

#### ZEP에 회원가입 또는 로그인 후, [<mark style="color:purple;">나의 스페이스 목록</mark>](https://zep.us/spaces/me) 페이지에서 \[프로필] > \[나의 앱(Beta)]를 클릭합니다

<div align="left"><figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2F9JaX5POjhzVt9kyQ6u39%2FUntitled.png?alt=media&#x26;token=e9bbfc91-ed7d-4b51-9f40-8590714ed22b" alt=""><figcaption></figcaption></figure></div>

## <mark style="background-color:purple;">STEP 3.</mark>

#### [<mark style="color:purple;">나의 앱 페이지</mark>](https://zep.us/me/apps)에서 **\[앱 업로드]** 버튼을 클릭합니다.

<figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FF6vA7d6SbXqnfLmyOPBL%2Fnoname.png?alt=media&#x26;token=1a9ef425-db56-4a3b-b746-03ec7d5667b4" alt=""><figcaption></figcaption></figure>

## <mark style="background-color:purple;">STEP 4.</mark>

#### 앱 이름, 설명, 유형, 아이콘, 압축 파일 (스크립트, 위젯, 이미지 파일의 압축된 버전)을 설정 후 업로 **버튼**을 눌러줍니다.

<figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FlPMlPXe2YV46zCMrnTvy%2Fupload.png?alt=media&#x26;token=85c47d87-3d7a-40ef-bb69-9fa5e0c7d786" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FlBgBrwjv1gzdotkQFefW%2Fapp_icon.png?alt=media&#x26;token=011723aa-23ff-4f24-9a53-40f7e31b326b" alt=""><figcaption><p>앱 이름과 아이콘이 적용된 모습 (미니게임)</p></figcaption></figure>

## <mark style="background-color:purple;">STEP 5.</mark>

#### 앱의 종류에 따라 원하는 맵에 설치하기.

* **노멀 앱**(**Normal app):**

  Owner 권한을 가진 맵의 사이드바에서 **\[설정] > \[맵 설정] > \[노말 앱 추가]**&#xC5D0;서

  적용할 수 있습니다.

<figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FKEqTmUe0A9Our8PcWcoF%2Fimage.png?alt=media&#x26;token=dbdec9ab-fedf-4f24-9a70-3432bb67eeba" alt=""><figcaption></figcaption></figure>

* **미니게임(Mini game):**

  플레이 화면의 **\[좌측 사이드바] > \[미니게임 버튼]**&#xC744; 클릭해 설치할 수 있습니다.

<div align="left"><figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2F9cD4YK6p4zUJ391hhMyk%2FUntitled%201.png?alt=media&#x26;token=07593c1a-3a16-4bc3-8cb2-3a595c4846fb" alt=""><figcaption></figcaption></figure> <figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FNFIj1mY1DX3AhpmVmpVR%2FUntitled%202.png?alt=media&#x26;token=12dfa48f-0beb-4b85-a513-1204b88747fd" alt=""><figcaption></figcaption></figure></div>

## 🚧 **디버깅 및 에러 메시지**

앱 실행 시, 에러 메시지는 **스태프 권한 이상의 유저 채팅창에&#x20;**<mark style="color:red;">**빨간색 글씨**</mark>로 노출됩니다.

<div align="left"><figure><img src="https://2461137890-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiW553XSGeKCAPpImxXi3%2Fuploads%2FLAdrcgPAu7JfvHYvu7BF%2Fimage.png?alt=media&#x26;token=b92231e8-9f08-4e9e-ab94-b3f4fbb75aae" alt=""><figcaption></figcaption></figure></div>
