Situs web yang terdesentralisasi menjadi lebih umum seiring dengan semakin populernya Web3. Berikut cara membuat situs terdesentralisasi.
Membuat situs web terdesentralisasi lebih mudah dari perkiraan kebanyakan orang. Faktanya, satu-satunya perbedaan antara situs web terdesentralisasi dan situs normal adalah bahwa situs tersebut dihosting di jaringan terdesentralisasi. Hampir semuanya tetap sama.
Dalam panduan ini, kita akan membahas proses pembuatan dan peluncuran situs web terdesentralisasi. Anda memerlukan domain Web3 dan beberapa ETH di dompet Anda untuk menjalani seluruh proses.
1. Buat File Situs Web Anda
Mulailah dengan menyiapkan file website yang diperlukan. Alternatifnya, Anda dapat mengunduh templat situs web gratis dari penyedia templat dan menggunakannya untuk membuat situs web terdesentralisasi. Kami akan mengunduh template dari CSS Gratis untuk mengembangkan situs kami.
- Mengunjungi CSS gratis, pilih templat, dan unduh. Kemudian, ekstrak file ZIP ke dalam folder yang berisi masing-masing file, seperti yang ditunjukkan di bawah ini.
Jika Anda membangun situs dari awal, pastikan Anda memiliki semua file dalam satu folder.
2. Unggah File Situs Web Anda ke IPFS
IPFS (Inter-Planetary File System), adalah sistem penyimpanan file terdesentralisasi paling populer yang terdiri dari jaringan komputer peer-to-peer yang didistribusikan secara global yang berkolaborasi untuk menghosting file.
Sebagai permulaan, Anda dapat menghosting file situs web Anda di komputer pribadi node IPFS yang dijalankan secara independen. Tantangan dengan rute ini adalah komputer Anda harus online agar seseorang dapat mengakses situs web terdesentralisasi Anda.
Pilihan lainnya adalah menggunakan platform hosting IPFS seperti Piñata, Infura, atau Berlari untuk menghosting dan mendistribusikan file Anda di seluruh jaringan IPFS, sehingga dapat diakses oleh siapa saja. Namun, Anda harus membayar langganan untuk menggunakan beberapa layanan ini.
Mengunggah ke Node IPFS Anda
Pertama, Anda perlu menjalankan node IPFS independen.
- Mulailah dengan mengatur IPFS di PC Anda. Anda dapat mengunduh klien PC atau menggunakan ekstensi browser Brave untuk menyiapkan node IPFS Anda.
- Setelah Anda siap, buka dasbor IPFS, klik Impor, dan unggah folder situs web Anda.
- Untuk memeriksa apakah situs web tersebut aktif, klik tiga titik di sisi kanan file, pilih Membagikan tautan, salin, dan buka tautan IPFS di tab baru di Brave. Situs ini akan dimuat dengan baik jika Anda mengatur Brave dengan benar.
Mengunggah ke Fleek
Fleek memungkinkan pengguna mengunggah situs web ke IPFS secara gratis, sedangkan Piñata memerlukan paket premium. Meskipun demikian, Anda harus menerapkan situs web Anda di GitHub terlebih dahulu sebelum dapat menggunakan Fleek.
- Buka dasbor GitHub Anda dan buat repositori baru. Selanjutnya, unggah file situs web Anda ke repositori GitHub menggunakan Git, sistem kontrol versi yang terintegrasi dengan baik dengan GitHub. Untuk memudahkan demonstrasi, simpan dulu file website Anda di folder di desktop bernama dWeb
- Mengunjungi Git-scm, unduh, dan instal Git versi terbaru.
- Luncurkan Git Bash dari Start Menu PC Anda dan ketik:
Perintah ini memungkinkan Git diluncurkan di dalam folder yang kita buat di Desktop untuk menginisialisasi repositori lokal.cd desktop/dWeb
- Kemudian jalankan perintah berikut satu per satu:
Dimana [url] mewakili alamat repositori GitHub Anda. Dalam kasus kami itu adalah:git init
git add.
git commit -m "first commit"
gitremoteaddorigin[url].gitgit remote add origin https://github.com/elgwaro/dWeb.git
Menjalankan perintah ini akan menginisialisasi folder .git tersembunyi di folder situs web Anda, menambahkan semua file situs web Anda ke dalam folder .git, komit untuk diunggah, dan akhirnya mengunggah file ke repositori GitHub Anda.
Ini adalah cara paling efisien untuk mengunggah beberapa file dan folder situs web ke repositori GitHub, yang akan terlihat seperti yang ditunjukkan di atas.
Berikut cara menautkan akun Fleek dengan GitHub
- Mengunjungi Berlari, masuk ke akun Anda, dan klik Tambahkan Situs Baru
- Hubungkan Fleek ke GitHub dan otorisasi akses ke repositori dengan file situs web Anda.
- Fleek akan menampilkan repositori pilihan Anda. Lanjutkan ke Sebarkan Lokasi tab, pilih IPFS, dan klik Melanjutkan.
- Pilih kerangkanya (jika tidak yakin, biarkan saja Lainnya) dan sebarkan situs Anda.
Situs Anda akan disebarkan ke IPFS.
3. Hubungkan Domain Web3 Anda
Baik Anda menggunakan node IPFS lokal atau platform online seperti Fleek, pada titik ini situs Anda harus dikerahkan ke IPFS yang berarti Anda memiliki hash IPFS situs tersebut.
Jadi langkah selanjutnya adalah menautkan situs Anda ke domain Web3 Anda. Anda dapat membelinya dari salah satu pendaftar Web3 teratas di pasar. Biaya domain akan bergantung pada ketentuan platform dan sebagainya sistem domain berbasis blockchain, Anda akan dikenakan biaya jaringan agar transaksi dicatat di blockchain.
Untuk tujuan demonstrasi ini, kami telah memperoleh elgwaro.eth domain di ENS.
Menautkan Domain ENS ke Situs Web IPFS
Berikut cara menautkan domain ENS Anda ke situs yang dihosting IPFS
- Buka dasbor ENS Anda dan akses bagian nama domain Anda.
- Pilih Catatan tab dan klik Sunting Catatan.
- Pilih Lainnya, tempelkan tautan situs web IPFS independen Anda, dan klik Menyimpan.
- Anda akan diminta untuk menghubungkan dompet Anda untuk mengotorisasi transaksi, yang akan dikenakan sedikit biaya tergantung pada aktivitas jaringan.
- Setelah transaksi selesai, domain Web3 Anda akan ditautkan ke situs web terdesentralisasi Anda.
Jika Anda menggunakan Fleek, Anda dapat menghubungkan domain Anda di dasbor Fleek.
- Buka dasbor situs web yang Anda terapkan dan klik Tambahkan Domain Khusus.
- Gulir ke bawah ke Info ENS dan Klik Tambahkan ENS.
- Ketik domain ENS Anda, klik Memeriksa dan kemudian konfirmasi.
- Selanjutnya, klik Tetapkan Hash Konten. Anda akan diminta untuk menghubungkan dompet Anda untuk mengotorisasi transaksi dengan membayar sedikit biaya berdasarkan aktivitas jaringan. Agar berhasil menyiapkan tautan, pastikan akun dompet yang terhubung adalah pengontrol domain.
4. Akses Situs Web Anda
Setelah Anda berhasil menautkan domain Web3 Anda ke situs web terdesentralisasi, domain Web3 Anda akan diarahkan ke situs web terdesentralisasi Anda.
Anda dapat mengaksesnya menggunakan Domain ENS +.tautan. Misalnya, dalam hal ini, itu elgwaro.eth.link. Namun demikian, saat menggunakan browser berkemampuan IPFS seperti Brave, Anda tidak perlu menyertakannya .tautan di akhir URL Anda.
Anda telah berhasil membuat situs web terdesentralisasi Anda.
Melampaui Pengembangan Web2
Seiring dengan semakin terdesentralisasinya internet seiring berjalannya waktu, jumlah situs web yang terdesentralisasi mungkin akan melebihi jumlah situs web yang dihosting di server terpusat pada akhirnya. Untungnya, peralihan dari pengembangan situs web Web2 ke Web3 tidak sesulit kelihatannya. Oleh karena itu, jika Anda berpikir untuk membangun situs web terdesentralisasi yang tahan terhadap sensor, panduan ini dapat memberi Anda langkah awal yang besar.