İlk olarak sunucumuzun root kısmına 'dist' ismiyle bir klasör oluşturalım. (Ben Visual Studio Code kullandım, tercih sizin.)
Ardından bu 'dist' klasörü içine: (app.html ve degen.jpeg dosyalarını) ekleyelim. (Sonuç, görseldeki gibi)
<html>
<head>
<script>
async function fetchData() {
const url = 'web3://0xf14e64285Db115D3711cC5320B37264708A47f89:11155111/greeting';
const response = await fetch(url);
const data = await response.text();
document.getElementById('content').textContent = data;
}
window.onload = fetchData;
</script>
</head>
<body>
<div id="content"> Loading greeting... </div>
<br>
<img src="./degen.jpeg" alt="">
</body>
</html>
'Dikkat edelim fotoğrafın uzantısı jpeg olmalı yoksa ileride hata alırsınız' (Denendi) :)
Eğer hazırsanız kemerlerinizi bağlayın, dApp oluşturmaya başlıyoruz.
İlk olarak ufak bir contract deploy işlemimiz olacak. Bunu Remix üzerinden rahatlıkla yapabilirsiniz. Deploy Sepolia
pragma solidity >=0.8.2 <0.9.0;
contract App {
function greeting() public pure returns (string memory) {
return "LFG, Degen!";
}
}npm i -g ethfs-cli🐅 Önemli: "Seçilen cüzdan adresimizin Private Key'ini giriyoruz." (Tabii tırnakları silmeden olmaz.)
🐅 (Bu kod bize ileride kullanacağımız FlatDirectory adresimizi ve ip adresini verecek. Kaydetmeyi unutmayın.)
ethfs-cli create -p "Private Key" -c 11155111Uygulamamızı Deploy edelim. Bunun için hesabımızda 2 civarı SepoliaETH bulunduralım. (Parantezler 😁)
ethfs-cli upload -f dist -a (flat-adresimiz) -c 11155111 -p (private-keyimiz) -t 1
Bu şekilde tx çıktısı almamız gerekiyor. Birkaç defa bu işlemi yapsak güzel olur. En azından ben öyle yaptım.
web3://flat-adresimiz:11155111/app.htmlNormalde link üzerinden bağlanması gerekiyor ama Chrome gibi tarayıcılarda sorun çıkıyor. Şöyle deneyelim 😁
flat-adresimiz.sep.w3link.io/app.htmlLFG, Degen! yazısı ile birlikte en başta oluşturduğunuz degen.jpeg dosyasındaki fotoğrafın görünüyor olması gerekiyor. 🐅
Sonlara yaklaşıyoruz 🐈-
Maaliyetleri azaltmak için EIP-4844 BLOB kullanalım.
-
Bunun için Eth-Blob-Uploader'ı yüklememiz gerekiyor.
npm i -g eth-blob-uploadereth-blob-uploader -r (Sepolia RPC) -p (Private-Key) -f dist/app.html -t (FlatDirectoryAdres)eth-blob-uploader -r (Sepolia RPC) -p (Private-Key) -f dist/degen.jpeg -t (FlatDirectoryAdres)
ethfs-cli create -p (Private-Key) -c 11155111ethfs-cli upload -f dist -a (yeni-flat-directory-adres) -c 11155111 -p (Private-Key) -t 2
İLKFLATADRESİMİZ.3333.w3link.io/app.htmlDaha Sonra: Twitter'da bir tweet paylaşmamız gerekiyor. w3link ve işlemleri yaptığımız (twitterda seçilen) adresimizi bu tweete ekleyelim ve EthStorage'yi etiketleyelim.
Son olarak Bu forma gelip paylaştığımız tweet'in Url'sini ekleyip mail bırakalım.
Onayladıkları zaman 5000 puan kazanmış olacağız. Buradan kontrol edebilirsiniz.
- 🐅 Sanırım başardın 🐅