Cara Membuat Situs Web Terdesentralisasi

Cara Membuat Situs Web Terdesentralisasi
Pembaca seperti Anda membantu mendukung MUO. Saat Anda melakukan pembelian menggunakan tautan di situs kami, kami dapat memperoleh komisi afiliasi. Baca selengkapnya.

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.





Video MUO hari ini GULIR UNTUK MELANJUTKAN ISI

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.





  1. 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.   Tangkapan layar menunjukkan file situs web yang diunggah di GitHub

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 Pinata , Gemuk , 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.

  1. Mulailah dengan mengatur IPFS di PC Anda . Anda dapat mengunduh klien PC atau menggunakan ekstensi browser Brave untuk menyiapkan node IPFS Anda.
  2. Setelah Anda siap, buka dasbor IPFS, klik Impor , dan unggah folder situs web Anda.   Tangkapan Layar - Menambahkan situs baru ke Fleek
  3. 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.





  1. Buka dasbor GitHub Anda dan buat repositori baru.   Tangkapan layar domain ENS yang berhasil ditautkan 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
  2. Mengunjungi Git-scm , unduh, dan instal Git versi terbaru.
  3. Luncurkan Git Bash dari Start Menu PC Anda dan ketik:
     cd desktop/dWeb 
    Perintah ini memungkinkan Git diluncurkan di dalam folder yang kita buat di Desktop untuk menginisialisasi repositori lokal.
  4. Kemudian jalankan perintah berikut satu per satu:
     git init  
    git add .
    git commit -m "first commit"
    git remote add origin [url].git
    Dimana [url] mewakili alamat repositori GitHub Anda. Dalam kasus kami ini:
     git 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, mengkomitnya untuk diunggah, dan akhirnya mengunggah file ke repositori GitHub Anda.

tidak dapat memulai windows 10 dalam mode aman
  Tangkapan layar situs web terdesentralisasi yang diluncurkan

Ini adalah cara paling efisien untuk mengunggah beberapa file dan folder situs web ke repositori GitHub, yang akan terlihat seperti yang ditunjukkan di atas.

Menautkan Fleek ke GitHub

Berikut cara menautkan akun Fleek dengan GitHub

  1. Mengunjungi Berlari , masuk ke akun Anda, dan klik Tambahkan Situs Baru
  2. Hubungkan Fleek ke GitHub dan otorisasi akses ke repositori dengan file situs web Anda.
  3. Fleek akan menampilkan repositori pilihan Anda. Lanjutkan ke Sebarkan Lokasi tab, pilih IPFS, dan klik Melanjutkan .
  4. 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

  1. Buka dasbor ENS Anda dan akses bagian nama domain Anda.
  2. Pilih Catatan tab dan klik Sunting Catatan .
  3. Pilih Lainnya , tempelkan tautan situs web IPFS independen Anda, dan klik Menyimpan .
  4. Anda akan diminta untuk menghubungkan dompet Anda untuk mengotorisasi transaksi, yang akan dikenakan sedikit biaya tergantung pada aktivitas jaringan.
  5. 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.

  1. Buka dasbor situs web yang Anda terapkan dan klik Tambahkan Domain Khusus .
  2. Gulir ke bawah ke Info ENS dan Klik Tambahkan ENS .
  3. Ketik domain ENS Anda, klik Memeriksa dan kemudian konfirmasi.
  4. 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.

ikon di sebelah nama di facebook

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.