Editar

Guía de Desarrollo para Hackathons de Polkadot

Para Desarrolladores Nuevos en Web3

Descripción General de la Documentación

1. Inicio Rápido con Kitdot

Para Quién Es Esta Guía

Desarrolladores con sólidas habilidades de programación pero sin experiencia en Web3/Polkadot.

Objetivo Principal

Desplegar smart contracts funcionales en la testnet de Polkadot y construir un frontend funcional dentro de los tiempos de un hackathon.

Inicia Tu Proyecto con Kitdot

Recomendado: Usa kitdot@latest para una configuración adecuada de red y configuración de proyecto:

npx kitdot@latest install -y

o

npm install -g kitdot@latest
kitdot init my-polkadot-project
cd my-polkadot-project

¿Por qué kitdot? Asegura configuraciones de red adecuadas, dependencias correctas y configuraciones probadas en batalla. Evita dolores de cabeza de configuración y comienza a construir inmediatamente.

Experiencia Web2 en Web3: La configuración predeterminada de kitdot inicializa un proyecto frontend completo que proporciona una experiencia de usuario Web2 familiar para aplicaciones Web3. Los usuarios interactúan con tu dApp sin necesidad de entender la complejidad de blockchain.

¿Proyecto Existente? Comienza desde cero con kitdot@latest y copia tus archivos. Esto previene conflictos de configuración y problemas de conexión de red.

2. Librerías de Contratos Pre-construidos

Aprovecha el Código Existente

Antes de construir desde cero, explora estas librerías de contratos probadas en batalla:

Contratos de Thirdweb

  • Repositorio: thirdweb-dev/contracts

  • Mejor para: NFTs, tokens, marketplaces, governance

  • Ventaja: Implementaciones listas para producción, optimizadas en gas

  • Nota: Puede necesitar optimización de tamaño para el límite de 100KB de Polkadot

Contratos de OpenZeppelin Optimizados para Polkadot

Estrategia

  1. Navega contratos existentes para inspiración

  2. Copia patrones de lógica principal

  3. Simplifica removiendo características innecesarias

  4. Prueba el tamaño del contrato con npx hardhat compile

3. Configuración del Entorno de Desarrollo

Elige Tu Ruta

Diagrama de Flujo de Desarrollo
Factor
Remix IDE
Hardhat

Tiempo de Setup

Rápido

Moderado

Experiencia Requerida

Ninguna

JavaScript/Node.js

Mejor Para

Contratos simples

dApps complejas

Ruta 1: Remix IDE

  1. Abre Polkadot Remix IDE

  2. Obtén tokens de testnet del faucet

  3. Comienza a codificar en el navegador

Obteniendo ABI para Proyectos Frontend: Después de compilar contratos en Remix:

  1. Ve a la pestaña Solidity Compiler

  2. Haz clic en el nombre de tu contrato bajo artefactos de compilación

  3. Copia el array ABI de los detalles de compilación

  4. Úsalo en proyectos frontend:

// Guarda ABI como contractABI.json o importa directamente
import { ethers } from "ethers";

const contractABI = [
  /* pega el array ABI aquí */
];
const contract = new ethers.Contract(contractAddress, contractABI, signer);

Ruta 2: Configuración Manual de Hardhat (No Recomendado)

Usa kitdot@latest en su lugar para configuración automatizada, pero si debes configurar manualmente:

# Mejor: Usa kitdot@latest init en su lugar
mkdir hackathon-project && cd hackathon-project
npm init -y
npm install --save-dev @parity/hardhat-polkadot [email protected]
npm install --force @nomicfoundation/hardhat-toolbox
npx hardhat-polkadot init

IMPORTANTE: Siempre usa @parity/hardhat-polkadot en lugar de hardhat estándar. Este plugin proporciona compatibilidad esencial con PolkaVM y configuraciones de red requeridas para el despliegue en Polkadot.

kitdot@latest maneja esto automáticamente con configuraciones de red apropiadas.

Ruta 3: Red de Desarrollo Local

Para pruebas locales sin conectarse a testnets:

# Ejecuta testnet genérica local (NO es una testnet PolkaVM)
npx hardhat node

# En otra terminal, despliega a la red local
npx hardhat ignition deploy ./ignition/modules/YourModule.js --network localhost

Nota: Esto ejecuta una testnet Ethereum estándar local, no una red compatible con PolkaVM. Úsala para desarrollo inicial y pruebas antes de desplegar en Paseo.

Crear hardhat.config.js:

require("@nomicfoundation/hardhat-toolbox");
require("@parity/hardhat-polkadot");
const { vars } = require("hardhat/config");

module.exports = {
  solidity: "0.8.28",
  resolc: { version: "0.3.0", compilerSource: "npm" },
  networks: {
    passetHub: {
      polkavm: true,
      url: "https://testnet-passet-hub-eth-rpc.polkadot.io",
      accounts: [vars.get("PRIVATE_KEY")],
    },
  },
};

Configurar Wallet:

npx hardhat vars set PRIVATE_KEY
# Ingresa tu clave privada (sin prefijo 0x)

Probar Configuración:

npx hardhat compile
npx hardhat ignition deploy ./ignition/modules/Test.js --network passetHub

4. Desarrollo de Smart Contracts

Restricciones Críticas

  • Bytecode máximo: ~100KB

  • Versión de Solidity: ^0.8.28

Contrato de Prueba

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.28;

contract Test {
    uint256 public value = 42;
    function setValue(uint256 _value) external { value = _value; }
}

ERC20 Mínimo

contract SimpleToken {
    mapping(address => uint256) public balanceOf;
    uint256 public totalSupply;
    string public name;
    string public symbol;

    constructor(string memory _name, string memory _symbol, uint256 _supply) {
        name = _name; symbol = _symbol; totalSupply = _supply;
        balanceOf[msg.sender] = _supply;
    }

    function transfer(address to, uint256 amount) external returns (bool) {
        require(balanceOf[msg.sender] >= amount, "Insufficient balance");
        balanceOf[msg.sender] -= amount;
        balanceOf[to] += amount;
        return true;
    }
}

Estrategia de Despliegue

// ignition/modules/YourModule.js
const { buildModule } = require("@nomicfoundation/hardhat-ignition/modules");

module.exports = buildModule("YourModule", (m) => {
  const contract = m.contract("YourContract", []);
  return { contract };
});
npx hardhat compile
npx hardhat ignition deploy ./ignition/modules/YourModule.js --network passetHub

5. Configuración de Wallet (Si no usas el template por defecto de kitdot)

Habilitar Testnets en tu Wallet

MetaMask:

  1. Abre la extensión MetaMask

  2. Haz clic en el ícono de tu perfil (arriba a la derecha)

  3. Ve a Settings → Advanced

  4. Habilita Show test networks

  5. Tu dropdown de red ahora mostrará opciones de testnet

Talisman:

  1. Abre la extensión Talisman

  2. Ve a Settings → Networks & Tokens

  3. Habilita Show test networks

  4. Las redes de testnet aparecerán en tu lista de redes

Agregar Red Paseo a MetaMask

Método Rápido (Recomendado):

  1. Visita https://chainlist.org/?search=passet

  2. Encuentra "Polkadot Asset Hub Testnet"

  3. Haz clic en Connect Wallet y Add to MetaMask

  4. Aprueba la adición de red en MetaMask

Método Manual:

// Agrega esta configuración manualmente en MetaMask
Network Name: Polkadot Hub TestNet
Chain ID: 420420422
RPC URL: https://testnet-passet-hub-eth-rpc.polkadot.io
Currency Symbol: PAS
Block Explorer: https://blockscout-passet-hub.parity-testnet.parity.io

6. Integración Frontend

Conectar a la Red de Polkadot

const paseoConfig = {
  chainId: "0x1911f0a6", // 420420422
  chainName: "Polkadot Hub TestNet",
  nativeCurrency: { name: "PAS", symbol: "PAS", decimals: 18 },
  rpcUrls: ["https://testnet-passet-hub-eth-rpc.polkadot.io"],
  blockExplorerUrls: ["https://blockscout-passet-hub.parity-testnet.parity.io"],
};

await window.ethereum.request({
  method: "wallet_addEthereumChain",
  params: [paseoConfig],
});

Interacción con Contratos (Ethers.js)

import { ethers } from "ethers";

const provider = new ethers.JsonRpcProvider(
  "https://testnet-passet-hub-eth-rpc.polkadot.io"
);
const contract = new ethers.Contract(contractAddress, abi, signer);
const result = await contract.someFunction();

Proyectos Template

Template de Gestión de Proyectos

Para una gestión efectiva de proyectos de hackathon y colaboración en equipo:

  • Template GitHub Projects: Tablero de Proyecto Hackathon - Tablero de proyecto listo para usar con seguimiento de tareas, planificación de sprints y funciones de coordinación de equipo

6. Solución de Problemas

Comandos de Emergencia

# Reinicio limpio
npx hardhat clean && rm -rf ignition/deployments/ && npx hardhat compile

# Verificar balance
npx hardhat console --network passetHub
> await ethers.provider.getBalance("YOUR_ADDRESS")

# Rastrear despliegue
npx hardhat ignition track-tx <txHash> <deploymentId> --network passetHub

7. Ideas de Proyecto

Ideas Simples Probadas:

Ideas Comprehensivas de Economía de Intercambio P2P:

  • Catálogo Comprehensivo de Economía de Intercambio P2P: Catálogo extenso de plataformas de economía de intercambio peer-to-peer en varios sectores con aplicaciones implementadas e "Ideas Posibles" para categorías no exploradas. Perfecto para identificar brechas de mercado y construir alternativas descentralizadas.

8. Detalles de Red

  • Chain ID: 420420422

  • RPC: https://testnet-passet-hub-eth-rpc.polkadot.io

  • Explorer: https://blockscout-passet-hub.parity-testnet.parity.io

  • Faucet: https://faucet.polkadot.io/?parachain=1111

9. Mejores Prácticas de Seguridad

  • Mantén los contratos bajo 100KB

  • Valida todas las entradas

  • Usa implementaciones mínimas en lugar de librerías pesadas

Guardia Simple de Reentrancy

contract SimpleReentrancyGuard {
    bool private locked;
    modifier nonReentrant() {
        require(!locked, "Reentrant call");
        locked = true; _; locked = false;
    }
}

10. Preparación de Demo

Componentes Esenciales:

  1. Contrato desplegado en el explorador de bloques

  2. Frontend conectando al wallet

  3. Funcionalidad principal funcionando

  4. Demostración clara del valor

Script de Demo:

  • Breve: Declaración del problema

  • Principal: Demo en vivo de la solución

  • Cierre: Aspectos técnicos destacados y visión futura

11. Recursos y Herramientas

Documentación Esencial

Entornos de Desarrollo:

Librerías:

Referencias Detalladas:

  • Guías de Escritura: Usa writing-guidelines.md al crear documentación

  • Configuración de Contexto Agentes: Agents.md

  • Detalles de Red: docs/seed-content/configs.md

  • Visión General de Herramientas: docs/polkadot-development-tools.md

Tutoriales en Video:

Comienza con Kitdot

Usa kitdot@latest init -y para configuración apropiada del proyecto con configuraciones de red verificadas. Templates alternativos disponibles.

Estás construyendo en Polkadot usando herramientas familiares de Ethereum. Enfócate en funcionalidad que funcione sobre código perfecto.

Anteriorwriting-guidelinesSiguienteDesarrollo de Smart Contracts en Polkadot

Última actualización