Mencipta Presence Pertama Anda
Cipta presence Nowly baharu dengan CLI dan hantar aktiviti Discord Rich Presence pertama anda.
Mula Dengan CLI
Gunakan CLI Nowly untuk menjana rangka presence baharu:
nowly init "Example"CLI mencipta metadata, skrip presence dan aset yang diperlukan.
Kod Presence Asas
Presence dan Assets disediakan oleh runtime - lihat Presence API dan Assets.
document ialah API DOM pelayar standard, tersedia kerana presence berjalan sebagai skrip kandungan dalam sambungan.
Hanya PresenceType (dan pembantu lain seperti createMediaTimestamps) perlu diimport daripada @nowly/sdk.
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,
})
})Aliran Runtime
Apabila pengguna melawat URL yang sepadan, Nowly memuatkan presence anda. Presence membaca keadaan halaman dan memanggil setActivity. Sambungan menghantar muatan tersebut kepada Nowly Host, yang mengemas kini Discord.
Gelung Pembangunan
Rangka
Menjana folder presence, metadata dan aset yang diperlukan.
nowly init "Example"Rangka
Menjana folder presence, metadata dan aset yang diperlukan.
nowly init "Example"Konfigurasi
Tetapkan nama, pengarang, URL disokong, kategori, warna, penerangan tempatan dan discordNative apabila Discord sudah menyokong platform tersebut.
Sunting metadata.json - lihat Metadata untuk semua medan yang tersedia.
Konfigurasi
Tetapkan nama, pengarang, URL disokong, kategori, warna, penerangan tempatan dan discordNative apabila Discord sudah menyokong platform tersebut.
Sunting metadata.json - lihat Metadata untuk semua medan yang tersedia.
Laksana
Tulis logik presence menggunakan Presence SDK.
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,
})
})Laksana
Tulis logik presence menggunakan Presence SDK.
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,
})
})Sahkan
Semak bahawa struktur metadata anda betul dan aset berada di tempatnya.
nowly validateSahkan
Semak bahawa struktur metadata anda betul dan aset berada di tempatnya.
nowly validateBina
Mengkompilasi presence menjadi bundel berdikari.
nowly build exampleBina
Mengkompilasi presence menjadi bundel berdikari.
nowly build exampleMuatkan
Pasang presence yang dibina dalam pelayar. Dua kaedah: sambungan yang telah dibina, atau jatuhan zip.
Lihat Muat dan Uji Secara Tempatan untuk perbandingan penuh.
Kali pertama (tiada Nowly dalam pelayar): bina presence terus ke dalam sambungan yang sedia dibuat.
nowly extension exampleMuatkan dist/extension-dev tanpa pek di chrome://extensions.
Sudah ada Nowly dimuatkan tanpa pek: pek satu zip dan jatuhkannya di Tetapan → Lanjutan → Nyahpepijat. Pemasangan Store menolak zip yang tidak ditandatangani.
nowly pack exampleMuatkan
Pasang presence yang dibina dalam pelayar. Dua kaedah: sambungan yang telah dibina, atau jatuhan zip.
Lihat Muat dan Uji Secara Tempatan untuk perbandingan penuh.
Kali pertama (tiada Nowly dalam pelayar): bina presence terus ke dalam sambungan yang sedia dibuat.
nowly extension exampleMuatkan dist/extension-dev tanpa pek di chrome://extensions.
Sudah ada Nowly dimuatkan tanpa pek: pek satu zip dan jatuhkannya di Tetapan → Lanjutan → Nyahpepijat. Pemasangan Store menolak zip yang tidak ditandatangani.
nowly pack exampleUji
Buka laman web sasaran - presence diaktifkan secara automatik.
Lawati laman itu
Uji
Buka laman web sasaran - presence diaktifkan secara automatik.
Lawati laman itu
Ulangi Laksana → Bina → Muatkan selepas setiap perubahan kod.