{"id":1992,"date":"2019-07-10T15:58:35","date_gmt":"2019-07-10T13:58:35","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=1992"},"modified":"2020-04-22T22:54:08","modified_gmt":"2020-04-22T20:54:08","slug":"3-9-anexo-2-subir-archivos-al-servidor-remoto-de-la-uoc","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/3-9-anexo-2-subir-archivos-al-servidor-remoto-de-la-uoc\/","title":{"rendered":"3.9. Anexo 2. Subir archivos al servidor remoto de la UOC"},"content":{"rendered":"

La UOC nos ofrece la posibilidad de tener un espacio donde poder subir nuestros archivos HTML y JavaScript para poder compartir nuestras creaciones. Para hacerlo, necesitaremos instalar un programa cliente FTP (File Transfer Protocol<\/em>), configurarlo y usarlo para subir los archivos.<\/p>\n

Paso 1. Instalar FileZilla<\/h2>\n

A pesar de que podemos usar cualquier cliente de FTP, aqu\u00ed os explicaremos c\u00f3mo instalar y usar FileZilla porque es un programa de c\u00f3digo libre, gratuito y sencillo de utilizar.<\/p>\n

Para instalarlo, iremos a la p\u00e1gina\u00a0de FileZilla<\/a> y descargaremos el cliente.<\/p>\n

\"\"<\/p>\n

Paso 2. Configurar FileZilla<\/h2>\n

Una vez instalada, hay que configurar el acceso al servidor UOC. Vamos a File \/ Site Manager<\/em> y nos aparecer\u00e1 este cuadro de di\u00e1logo:<\/p>\n

\"\"<\/p>\n

Tenemos que crear un nuevo lugar, al que podemos llamar UOC<\/strong> y que debe tener esta configuraci\u00f3n:<\/p>\n

    \n
  • Protocolo: SFTP<\/li>\n
  • Host: eimtcms.eimt.uoc.edu<\/li>\n
  • Port: 55000<\/li>\n
  • Logon Type: Normal<\/li>\n
  • User: Nuestro usuario del campus<\/em><\/li>\n
  • Password: La que nos enviar\u00e1n por correo<\/em><\/li>\n<\/ul>\n

    Una vez hechos estos pasos, podemos clicar en el bot\u00f3n Conecta<\/em> y, si todo va bien, nos conectaremos a nuestro espacio de disco en la UOC.<\/p>\n

    Una vez conectados nos aparecera\u00e1 una carpeta que se llama\u00a0public_html<\/strong>. Todo lo que quer\u00e1is que se vea en internet deber\u00e1 estar dentro de esta carpeta.<\/p>\n<\/div>\n

    Paso 3: Subir nuestros archivos al servidor<\/h2>\n

    Para subir archivos solo habr\u00e1 que arrastrarlos a FileZilla. Podemos arrastrar carpetas enteras y se crear\u00e1 la carpeta en el servidor y se copiar\u00e1n los archivos que haya dentro.<\/p>\n

    Paso 4. Visualizar nuestros programas en el servidor<\/h2>\n

    Para acceder a un fichero que hayamos subido al servidor (recordad, dentro de la carpeta public_html), accederemos a:<\/p>\n

    https:\/\/eimtcms.eimt.uoc.edu\/~nomUsuari<\/p>\n

    Generalmente, para acceder a un determinado archivo, tendremos que poner su nombre; sin embargo, en la mayor\u00eda de servidores web, si ponemos como nombre de archivo index.html, no habr\u00e1 que especificarlo.<\/p>\n

    Un consejo<\/strong>. Haced carpetas diferentes para ejercicios diferentes. Las pod\u00e9is numerar (00, 01, 02, 03, etc.) y, como dentro tendr\u00e9is el archivo index.html, para probar el ejercicio solo habr\u00e1 que ir a https:\/\/eimtcms.eimt.uoc.edu\/~nomUsuari\/00 para acceder al ejercicio 00, por ejemplo.<\/p>\n<\/div>\n

    Importante<\/strong>: Este servicio FTP no es un servicio est\u00e1ndar de la UOC y, por lo tanto, ten\u00e9is que tener presente que el acceso es temporal y, una vez acabado el curso<\/strong>, perder\u00e9is el acceso<\/strong>. Aseguraos de tener copia en vuestro disco duro de todo aquello que quer\u00e9is conservar.<\/p>\n

    Las herramientas para desarrolladores<\/h2>\n

    Una vez tengamos nuestros archivos en el servidor y ejecutemos nuestros programas en el navegador, las herramientas para desarrolladores de los navegadores nos ir\u00e1n muy bien para poder ver los errores que tenga nuestro c\u00f3digo. Recordad que los errores apareceran en la Consola<\/strong>.<\/p>\n

    Estas son las herramientas para desarrolladores de Chrome.<\/p>\n

    \"\"<\/p>\n

    Estas las de Firefox.<\/p>\n

    \"\"<\/p>\n

    En las im\u00e1genes, un navegador est\u00e1 en ingl\u00e9s y el otro en catal\u00e1n, pero independientemente del idioma es f\u00e1cil encontrar el c\u00f3digo que se est\u00e1 ejecutando y, por lo tanto, es f\u00e1cil comprobar si el servidor ha cargado bien nuestro c\u00f3digo.<\/p>\n","protected":false},"excerpt":{"rendered":"

    La UOC nos ofrece la posibilidad de tener un espacio donde poder subir nuestros archivos HTML y JavaScript para poder compartir nuestras creaciones. Para hacerlo, necesitaremos instalar un programa cliente FTP (File Transfer Protocol), configurarlo y usarlo para subir los archivos. Paso 1. Instalar FileZilla A pesar de que podemos usar cualquier cliente de FTP, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false},"acf":[],"_links":{"self":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1992"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/comments?post=1992"}],"version-history":[{"count":16,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1992\/revisions"}],"predecessor-version":[{"id":4329,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/pages\/1992\/revisions\/4329"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/es\/wp-json\/wp\/v2\/media?parent=1992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}