Cómo Crear un Sitio Web Descentralizado en Shift Project

En esta guía se explican los pasos que puede seguir para crear tu sitio web descentralizado sobre el proyecto Shift paso a paso, así que comenzemos.

Primero, puede preparar su sitio web estático o bien descargar una plantilla gratuita para este fin desde  https://colorlib.com/preview/#woodrox. Puede descargar todos los archivos necesarios y ajustarlos a sus necesidades:

imagen

Extraigo todos los archivos en una carpeta, aquí puedes verificar todos los elementos, solo considera que el proyecto shift cubrirá lenguajes básicos como HTML, CSS, JS, pero no PHP u otros idiomas dinamicos, por lo que en este ejemplo necesitas reconfigurar tu archivo contact_process.php en otro servidor preparado para ejecutar php y vincular el código a ese servidor:

imagen

Si abre el archivo index.html de archivos en su navegador, puede verificar que todo esté funcionando bien y que no se necesita ningún servidor especial para acceder a ningún elemento en el sitio web:

imagen

Así que puedes usar cualquier editor como atom, sublime, notepad+, etc. para realizar cualquier ajuste y personalizar tu sitio web y prepararlo para que se cargue en su estado final; en mi caso, omitiré ese paso porque esta no es la intención de la guía .

El siguiente paso es iniciar sesión en Shift Wallet en testnet usando el siguiente enlace:  https://wallet.testnet.shiftnrg.org/  si tiene alguna duda sobre cómo iniciar sesión o crear una cuenta, consulte nuestra guía  Cómo usar Web Wallet en Shift Project

imagen

Cuando estás en tu billetera en TestNet ahora mismo no es necesario tener algunas monedas, en Testnet puedes jugar con Phantom sin ningún costo al momento, así que presiona la opción Applications:

imagen

Después de eso presione en dapp Phantom

imagen

Ahora presione el botón Open

imagen

Y confirme el mensaje con el botón  OPEN ANYWAY

imagen

Ahora se muestran más opciones en la pantalla, y puede cargar sus archivos en Phantom:

imagen

El siguiente paso es cargar todos los archivos que necesita su sitio web, puede usar el boton UPLOAD o arrastrar y soltar los archivos. Phantom detectará que está tratando de cargar algunos archivos:

imagen

En la pantalla siguiente aparecerán todos los archivos que sueltes, solo presiona el botón  UPLOAD :

imagen

Debes esperar a que todo esté cargado, en Phantom:

imagen

Cuando todo esté listo, desaparecerán los archivos de carga y verá todos sus archivos cargados en Phantom:

imagen

El próximo paso es fijar su contenido para evitar sean eliminados los  archivos por el recolector de basura, presione el boton Pin:

imagen

Ahora presione el botón Publicar para obtener el hash de su sitio “QmUfTF5ogsC8kLAvEdEejup2HMojMPhioFfvPftnvtek7G”

imagen

Y para obtener una vista previa de su sitio web, presione la opción Peer Gateway o Cluster Gateway, esto abrirá el enlace donde puede obtener el contenido final:

imagen

Así que ahora puede consultar su sitio web descentralizado en Phantom, todo funcionará sin problemas, puede consultar mi ejemplo en el siguiente enlace  Aquí :

imagen

Si desea editar cualquier archivo, puede hacerlo presionando doble clic en el archivo, Phantom abrirá todo su código, para que pueda realizar cualquier cambio:

imagen

Solo es importante usar  Pin y Publicar todos sus cambios cada vez que cambie archivos, pues se creará un nuevo hash para preservarlos, así que la próxima vez que quiera abrir nuevamente sus archivos necesitará el último hash para acceder a ellos, así que por ejemplo voy a cambiar en el codigo el tag title en el archivo  about-us.html  y presionar el botón  EDITAR

imagen

Verifique que el hash en la parte superior de la página ahora es diferente, presione Pin y Publish:

imagen

Y obtenga una vista previa de Peer Gateway o Cluster Gateway, obtendrá un nuevo enlace como el siguiente:  Aquí

imagen

Así que su primer hash fue  QmUfTF5ogsC8kLAvEdEejup2HMojMPhioFfvPftnvtek7G  y el segundo es  QmVs1JWPJQCT9SgZ7RTTgJVKvS7JKL4voZgQRV1Eyyynay , si compara ambas versiones notará una diferencia en la página:

imagen

Si cierra su billetera y desea modificar su sitio web, solo tiene que poner el último hash de sus últimos cambios encima del Phantom y presionar Enter, para que pueda obtener los últimos archivos de su sitio web.

imagen

Genial, ahora ya sabes cómo usar fantasma y conseguir que tu sitio web se descentralice en Shift, solo recuerda que este entorno es Testnet y es trabajando en progreso, por lo que no es recomendable usarlo como producción, Shift está trabajando en muchas funcionalidades nuevas y pueden borrar contenido sin una advertencia previa.

Leave a Reply

Your email address will not be published. Required fields are marked *