- 29 Eki 2018
- 2,697
- 565
Discord widget nedir?
Sitenize html yoluyla veya json api yoluyla ekleyebileceğiniz küçük sunucu görünümüdür. Resim için tıkla
Discord widget'in gelişmişini yaptık ekip olarak. Resim için tıkla
Ayarlarını yapınca tıkla gibi yerler otomatik ayarlanacak
Bunu ben Glitch.com ile yapacağım
1- İlk öncelikle https://glitch.com/~valpro-react buraya giderek "View Code" butonuna basın.
2- Sağ üst köşede bu buton çıkacak "Remix to Edit" oraya tıklayın
https://i.postimg.cc/hv1vVb5B/butpn.png
3- Sonra size rastgele bir proje açacak, solda discord.js dosyası çıkacak tıklayın
4- Burada "559700648472477707" yerine kendi sunucu id nizi koyun. Sunucu>Sağ Tık>ID'yi kopyala. (id yi kopyalamak için Discord Ayarları>Görünüm>Geliştirici modu açık olmalı.)
Son olarak, Resim için tıkla buraya tıklayın ve "In a New Window" diyin.
Lütfen widget'in sağ alttaki yazılarını değişmeyin rica ediyorum, iyi kullanımlar.
Demo görünüm;
https://gelismis-widget-.glitch.me/
Api'nin yüklenmesi 20 saniye kadar sürebilir beklemelisiniz.
Sitenize html yoluyla veya json api yoluyla ekleyebileceğiniz küçük sunucu görünümüdür. Resim için tıkla
Discord widget'in gelişmişini yaptık ekip olarak. Resim için tıkla
Ayarlarını yapınca tıkla gibi yerler otomatik ayarlanacak
Bunu ben Glitch.com ile yapacağım
1- İlk öncelikle https://glitch.com/~valpro-react buraya giderek "View Code" butonuna basın.
2- Sağ üst köşede bu buton çıkacak "Remix to Edit" oraya tıklayın
https://i.postimg.cc/hv1vVb5B/butpn.png
3- Sonra size rastgele bir proje açacak, solda discord.js dosyası çıkacak tıklayın
Kod:
componentDidMount() {
axios.get('https://discordapp.com/api/guilds/559700648472477707/widget.json')
.then(resp => {
this.setState({ data: resp.data })
})
}
Son olarak, Resim için tıkla buraya tıklayın ve "In a New Window" diyin.
Lütfen widget'in sağ alttaki yazılarını değişmeyin rica ediyorum, iyi kullanımlar.
Demo görünüm;
https://gelismis-widget-.glitch.me/
Api'nin yüklenmesi 20 saniye kadar sürebilir beklemelisiniz.
Son düzenleme: