Saltar al contenido principal

Intalando Giveth.io para desarrollo local

Esta guía documentará los pasos para configurar y ejecutar Giveth.io localmente con fines de desarrollo. El proceso de configuración se documentó con Ubuntu 20.04 LTS.

Necesitarás un par de requisitos previos para comenzar.

  • Redis
  • Postgres
  • Node 14+
  • yarn
  • npm
  • Tú editor de código favorito (Te recomendamos VScode)

Giveth IO aprovecha paquetes, aplicaciones y arquitecturas notables que incluyen:

  • Ethereum
  • React
  • NextJS
  • Apollo GraphQL
  • Tor.us
  • theme-ui

Instale el back-end (gráfico de impacto) desde GitHub

Para desarrollar localmente, necesita clonar el servidor back-end. Estamos usando https://github.com/Giveth/impact-graph para esto.

via SSH en el CLI:

    git clone git@github.com:Giveth/impact-graph.git
cd impact-graph
npm i
cp .env.example .env

Crear una base de datos y un usuario en Postgres usando psql

Siga este tutorial sobre PSQL para configurar su nombre de usuario y crear la base de datos. https://medium.com/coding-blocks/creating-user-database-and-adding-access-on-postgresql-8bfcd2f4a91e)

Creando Usuario y Base de Datos

sudo -u postgres psql
postgres=# Crea la Base de datos <databaseName>;
postgres=# Crea el Usuario y la contraseña <userName> Con un contraseña encriptada '<passwordHere>';
postgres=# Le damos los privilegios de administrador a nuestro usuario <databaseName> to <userName>;

Clonar e instalar la interfaz

Dirígete a https://github.com/Giveth/giveth-next y clona el repositorio.

via SSH en el CLI:

git clone git@github.com:Giveth/giveth-next.git
cd giveth-next
yarn install

Obtener las variables de entorno

Para ejecutar la compilación local de Giveth.io, deberá solicitar las variables de entorno. Dirígete a nuestro Discord de Colaboradores, saluda y ponte en contacto con nuestro gerente de producto, @MoeNick o uno de los desarrolladores.

Inicie el entorno y el servidor

Inicie el servidor backend impact-graph y redis.

  • Ejecute redis usando el comando redis-server.

  • Desde el repositorio del gráfico de impacto, comience con npm start.

    info

    Uso de una base de datos provisional para desarrollar

    Si no necesita configurar una base de datos local para sus fines de desarrollo, puede usar la base de datos provisional en su lugar. Establezca NEXT_PUBLIC_APOLLO_SERVER en https://serve.giveth.io/graphql (esto usa la misma base de datos que ve en https://next.giveth.io). :::

Ejecute las migraciones para configurar la base de datos

En una terminal separada cd dentro de impact-graph Correr este comando en el terminal:

npm run typeorm:cli -- migration:run

Implementar el front-end

Para aprovechar los ajustes preestablecidos de linting, utilice VSCODE:

  • Seleccionamos Archivo -> Abrir WorkSpace.

  • Navegar al directorio giveth-next.

  • Abra el archivo del espacio de trabajo giveth2-full-stack.code-workspace.

  • Instale las extensiones recomendadas (complementos Prettier y StandardJS).

  • Luego encienda el front-end localmente.

    yarn run dev

¡Iniciar la edición!

Abra el repositorio giveth-next en su editor de código.

Giveth.io ahora se ejecuta localmente en http://localhost:8000.

Giveth Running Locally

También puede expirar mediante una consulta sus datos a través de GraphQL. Lo encontrará en este enlace aquí: http://localhost:8000/___graphql Obtén más información sobre el uso de esta herramienta en el tutorial de Gatsby.

¡Guarde sus cambios y el navegador se actualizará en tiempo real!

Estados de compilación actuales

Máster

Netlify Status

staging

Netlify Status