1. Persiapan Lingkungan untuk TaskManager
Panduan ini akan membantu Anda mempersiapkan lingkungan pengembangan untuk membuat TaskManager pada jaringan Monad Testnet. TaskManager adalah smart contract sederhana untuk mengelola tugas dengan berbagai konsep Solidity seperti visibility, state variables, dan functions.
Prasyarat Pengembangan
Sebelum memulai, pastikan Anda telah menginstal:
- Node.js (v18+ direkomendasikan)
- Visual Studio Code
- MetaMask browser extension (sudah dikonfigurasi dengan Monad Testnet)
- Git (opsional tetapi direkomendasikan)
1. Membuat Direktori Proyek
Langkah-langkah Detail:
- Buka Terminal (macOS/Linux) atau Command Prompt (Windows)
- Navigasikan ke lokasi di mana Anda ingin membuat proyek baru
- Buat direktori proyek dengan perintah:
mkdir monad-taskmanager
- Pindah ke direktori yang baru dibuat:
cd monad-taskmanager
2. Inisialisasi Proyek Node.js
Buat file package.json
yang akan mengatur dependensi proyek Anda:
npm init -y
Perintah ini akan membuat file package.json
dengan konfigurasi default. Output di terminal akan terlihat seperti ini:
Wrote to /path/to/monad-taskmanager/package.json:
{
"name": "monad-taskmanager",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
3. Menginstal Hardhat dan Dependensi
Instal Hardhat dan plugin yang diperlukan dengan perintah berikut:
npm install --save-dev hardhat @nomicfoundation/hardhat-toolbox @nomicfoundation/hardhat-verify hardhat-gas-reporter solidity-coverage
Catatan: Proses instalasi ini mungkin membutuhkan waktu beberapa menit tergantung pada kecepatan internet Anda.
Penjelasan Dependensi
Paket | Deskripsi |
---|---|
hardhat | Framework pengembangan Ethereum untuk professional |
hardhat-toolbox | Kumpulan plugin untuk Hardhat (ethers.js, chai, mocha, dll) |
hardhat-verify | Plugin untuk verifikasi kontrak di explorer |
hardhat-gas-reporter | Plugin untuk analisis biaya gas |
solidity-coverage | Plugin untuk menganalisis test coverage |
4. Inisialisasi Proyek Hardhat dengan TypeScript
Setelah instalasi selesai, buat konfigurasi Hardhat awal:
npx hardhat init
Anda akan melihat prompt seperti ini:
✔ What do you want to do? · Create a TypeScript project
✔ Hardhat project root: · /path/to/monad-taskmanager
✔ Do you want to add a .gitignore? (Y/n) · y
Pilih opsi:
- Create a TypeScript project untuk menggunakan TypeScript
- Terima direktori proyek default yang disarankan dengan menekan Enter
- Ketik
y
untuk menambahkan file.gitignore
Setelah proses selesai, Anda akan melihat pesan sukses:
✨ Project created ✨
See the README.md file for how to run the project.
5. Membuka Proyek di Visual Studio Code
Buka proyek di VS Code:
code .
Anda akan melihat struktur folder proyek yang dibuat oleh Hardhat dengan TypeScript:
monad-taskmanager/
├── contracts/ # Folder untuk smart contract
│ └── Lock.sol # Contoh contract bawaan
├── scripts/ # Script deployment dan interaksi
│ └── deploy.ts # Script deploy bawaan
├── test/ # Test untuk contract
│ └── Lock.ts # Test bawaan
├── hardhat.config.ts # File konfigurasi Hardhat
├── package.json # Konfigurasi npm
├── tsconfig.json # Konfigurasi TypeScript
└── .gitignore # File yang diabaikan Git
6. Memahami Struktur Proyek
Mari kita pahami fungsi dari setiap folder dan file penting:
Folder Utama
Folder/File | Deskripsi |
---|---|
contracts/ | Tempat untuk menulis smart contract Solidity |
scripts/ | Berisi script untuk deployment dan interaksi dengan contract |
test/ | Berisi file test untuk menguji contract |
artifacts/ | (akan dibuat) Hasil kompilasi contract |
typechain-types/ | (akan dibuat) TypeScript bindings untuk contract |
File Konfigurasi
File | Deskripsi |
---|---|
hardhat.config.ts | File konfigurasi utama untuk Hardhat |
tsconfig.json | Konfigurasi TypeScript |
package.json | Konfigurasi npm dan dependensi |
.gitignore | Daftar file yang tidak dimasukkan ke Git |
File Lock.sol
dan deploy.ts
adalah contoh yang dibuat otomatis oleh Hardhat. Kita akan mengganti file-file ini dengan smart contract TaskManager kita pada bagian selanjutnya.
Verifikasi Instalasi
Untuk memastikan bahwa Hardhat telah terinstal dengan benar, jalankan perintah:
npx hardhat --version
Anda akan melihat versi Hardhat yang terinstal, contohnya:
Hardhat version 2.23.0
Kesimpulan
Selamat! Anda telah berhasil:
- Membuat direktori proyek baru untuk TaskManager
- Menginisialisasi proyek Node.js
- Menginstal Hardhat dan dependensi yang diperlukan
- Menginisialisasi proyek Hardhat dengan TypeScript
- Memahami struktur folder proyek
Pada bagian selanjutnya, kita akan mengkonfigurasi Hardhat untuk bekerja dengan Monad Testnet dan mempersiapkan pengelolaan private key secara aman.