Basit bir Dapp Altyapısı

Bu içerik sadece Connect + Switch Wallet fonksiyonlarını dAppinize nasıl ekleyeceğinizi gösteriyor. Bu repoyu tek başına yapmanız işe yaramayacak. Ekstra olarak kendi appinizi yazmanız gerekecek. Bu yüzden gerçekten app yapmak isteyen kişilerin kullanması mantıklı olur. Çünkü hiç bilmeyen biri için dApp yapmak en az 4 5 saat gerektiriyor (şahsen). Kesinlikle dAPP kodlarken Youtube + ChatGPTden yararlanın çok faydası oluyor, aldığınız hataları sorunca anında cevap veriyor.
Basit Dapp Önerisi olarak Nft Mintletme sitesi yapabilirsiniz Nft Mintletme kontratı için Youtube kaynağı; https://www.youtube.com/watch?v=GwFQg8ROZfo&t

İlham almak amacıyla kendi yazmış olduğum dAppi inceleyebilirsiniz

https://rollape.quest/

Karar verdiyseniz başlayalım.

Ubuntu 20.04 LTS Sunucu kullanacağız, özelliklerin fazla olmasına gerek yok. 2CPU 2 RAM yeterli

NodeJS ve İlgili Paketleri kuralım.

sudo apt update
sudo apt upgrade
cd ~
curl -sL https://deb.nodesource.com/setup_18.x -o /tmp/nodesource_setup.sh
sudo bash /tmp/nodesource_setup.sh
sudo apt install nodejs

Proje Dosyalarını sunucunuza çekin.

git clone https://github.com/enzifiri/dApp-Starter-RC.git
sudo mv /root/dApp-Starter-RC/my-react-app /root/
cd my-react-app
npm install

Kendi Özel ağımızı ekleyelim ve yapılandıralım (dikkatli oku)

cd my-react-app // Zaten bu klasördeysen bu kodu geç
nano src/App.js içerisine gir ve "const networks = {" kısmını kendi ağına göre düzenle

Ağınızın bilgileri için dymension reposuna girin kendi rollapp klasörünüzü bulun, ardından içerisinde .json dosyasına girin. Gerekli kısımlar alttaki görselde.

https://github.com/dymensionxyz/rollapp-registry/

const networks = {
  CHAINADINIZ: {
    chainId: 'CHAINIDNİZ',
    chainName: 'CHAINADINIZ',
    nativeCurrency: {
      name: 'TOKENSEMBOL',
      symbol: 'TOKENSEMBOL',
      decimals: 18
    },
    rpcUrls: ['RPC ADRESINIZ'],
    blockExplorerUrls: ['https://froopyland.dymension.xyz/'],
  }
};

Aynı Dosyada farklı bir yer daha değiştireceğiz, 80. Satırdaki "await changeNetwork('CHAINADINIZ'); kısmını düzenleyin

await changeNetwork('CHAINADINIZ');

Sunucumuzun yapılandırmasını yapalım.

sudo apt update
sudo ufw enable
sudo ufw allow 22
sudo ufw allow 3000
sudo ufw allow 80
sudo ufw reload
sudo ufw status

Her şey hazır Sunucumuzu başlatalım, sonrasında internette sunucuipniz:3000 şeklinde arama yapıp butonları görebileceksiniz.

apt install screen
screen -S app
npm start
Screenden çıkın;

Buraya kadar her şey tamam, Websitesine girdiğinizde 3 buton göreceksiniz, Faucet, Connect ve Switch. Bu 3 temel altyapıyı kullanarak dAPPiniz ile etkileşim haline geçebilirsiniz. Başta dediğim gibi sadece bu repoyu yapmanız tek başına işe yaramayacak bunun üstüne youtube gibi kaynaklardan benzersiz bir dApp yapmayı öğrenmelisiniz.

Kendi Faucetinizi yapmak istiyorsanız alttaki youtube kaynağını öneririm.

https://www.youtube.com/watch?v=PcFfN_jrc_w&t=1s

Faucet butonunu özelleştirmek için nano src/WalletInfo.js içerisini düzenleyin. Örneğim en aşağıda return kısmındaki TOKENDENOM yazan yerleri kendi ağınızın Tokeniyle değiştirin (ETH gibi)