첫 프레즌스 만들기

CLI로 새 Nowly 프레즌스를 만들고 첫 Discord Rich Presence 활동을 전송하세요.

CLI로 시작하기

Nowly CLI로 새 프레즌스의 스캐폴딩을 생성합니다.

nowly init "Example"

CLI는 메타데이터, 프레즌스 스크립트, 필요한 에셋을 생성합니다.

기본 프레즌스 코드

Presence와 Assets는 런타임에서 제공됩니다 - Presence API와 Assets를 참고하세요. document는 표준 브라우저 DOM API로, 프레즌스가 확장 프로그램의 콘텐츠 스크립트로 실행되기 때문에 사용할 수 있습니다.

@nowly/sdk에서 가져와야 하는 것은 PresenceType(그리고 createMediaTimestamps 같은 다른 헬퍼)뿐입니다.

import { PresenceType } from "@nowly/sdk"

const presence = new Presence()

presence.on("UpdateData", async () => {
  await presence.setActivity({
    details: document.title,
    state: document.location.hostname,
    largeImageKey: Assets.Logo,
    type: PresenceType.Watching,
  })
})

런타임 흐름

사용자가 일치하는 URL을 방문하면 Nowly가 프레즌스를 로드합니다. 프레즌스는 페이지 상태를 읽고 setActivity를 호출합니다. 확장 프로그램은 그 페이로드를 Nowly Host로 전달하고, Nowly Host가 Discord를 업데이트합니다.

개발 루프

nowly init "Example"

nowly init "Example"

import { PresenceType } from "@nowly/sdk"

const presence = new Presence()

presence.on("UpdateData", async () => {
  await presence.setActivity({
    details: document.title,
    largeImageKey: Assets.Logo,
    type: PresenceType.Watching,
  })
})

import { PresenceType } from "@nowly/sdk"

const presence = new Presence()

presence.on("UpdateData", async () => {
  await presence.setActivity({
    details: document.title,
    largeImageKey: Assets.Logo,
    type: PresenceType.Watching,
  })
})

nowly validate

nowly validate

nowly build example

nowly build example

nowly extension example

nowly pack example

nowly extension example

nowly pack example

코드를 변경할 때마다 구현 → 빌드 → 로드를 반복하세요.