{"id":704,"date":"2019-07-07T17:11:20","date_gmt":"2019-07-07T15:11:20","guid":{"rendered":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/?page_id=704"},"modified":"2020-04-22T22:53:01","modified_gmt":"2020-04-22T20:53:01","slug":"3-9-annex-2-pujar-arxius-al-servidor-remot-de-la-uoc","status":"publish","type":"page","link":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/3-9-annex-2-pujar-arxius-al-servidor-remot-de-la-uoc\/","title":{"rendered":"3.9. Annex 2. Pujar arxius al servidor remot de la UOC"},"content":{"rendered":"

La UOC ens ofereix la possibilitat de tenir un espai on poder pujar els nostres arxius HTML i JavaScript per a poder compartir les nostres creacions. Per a fer-ho, necessitarem instal\u00b7lar un programa client FTP (File Transfer Protocol<\/em>), configurar-lo i fer-lo servir per a pujar els arxius.<\/p>\n

Pas 1. Instal\u00b7lar FileZilla<\/h2>\n

Tot i que podem fer servir qualsevol client d\u2019FTP, aqu\u00ed us explicarem com instal\u00b7lar i fer servir FileZilla perqu\u00e8 \u00e9s un programa de codi lliure, gratu\u00eft i senzill d\u2019utilitzar.<\/p>\n

Per a instal\u00b7lar-lo, anirem a la p\u00e0gina de FileZilla<\/a> i descarregarem el client.<\/p>\n

\"\"<\/p>\n

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

Un cop instal\u00b7lat, cal configurar l\u2019acc\u00e9s al servidor UOC. Anem a File: Site Manager<\/em> i ens apareixer\u00e0 aquest quadre de di\u00e0leg:<\/p>\n

\"\"<\/p>\n

Hem de crear un nou lloc, a qu\u00e8 podem dir UOC<\/strong> i que ha de tenir aquesta configuraci\u00f3:<\/p>\n

    \n
  • Protocol: SFTP<\/li>\n
  • Host: eimtcms.eimt.uoc.edu<\/li>\n
  • Port: 55000<\/li>\n
  • Logon Type: Normal<\/li>\n
  • User: El nostre usuari del campus<\/em><\/li>\n
  • Password: La contrasenya que ens enviaran per correu<\/em><\/li>\n<\/ul>\n

    Una vegada fets aquests passos, podem clicar el bot\u00f3 Connecta<\/strong> i, si tot va b\u00e9, ens connectarem al nostre espai de disc de la UOC.<\/p>\n

    Un cop connectats ens apareixer\u00e0 una carpeta que es diu public_html<\/strong>. Tot el que vulgueu que es vegi a internet haur\u00e0 d’estar dins d’aquesta carpeta.<\/p>\n<\/div>\n

    Pas 3. Pujar els nostres fitxers al servidor<\/h2>\n

    Per a pujar els arxius nom\u00e9s caldr\u00e0 arrossegar-los al FileZilla. Podem arrossegar les carpetes senceres i es crear\u00e0 la carpeta al servidor i es copiaran els arxius que hi hagi dins.<\/p>\n

    Pas 4. Visualitzar els nostres programes al servidor<\/h2>\n

    Per a accedir a un fitxer que haguem pujat al servidor (recordeu, dins de la carpeta public_html), accedirem a:<\/p>\n

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

    Generalment per a accedir a un determinat arxiu haurem de posar el seu nom. No obstant aix\u00f2, en la majoria de servidors web, si posem com a nom d\u2019arxiu index.html, no caldr\u00e0 especificar-ho.<\/p>\n

    Un consell<\/strong>. Feu carpetes diferents per a exercicis diferents. Les podeu numerar (00, 01, 02, 03, etc.) i, com que a dins hi tindreu l\u2019arxiu index.html, per a provar l\u2019exercici nom\u00e9s caldr\u00e0 anar a https:\/\/eimtcms.eimt.uoc.edu\/~nomUsuari\/00 per a accedir a l\u2019exercici 00, per exemple.<\/p>\n<\/div>\n

    Important<\/strong>: Aquest servei FTP no \u00e9s un servei est\u00e0ndard de la UOC i, per tant, heu de tenir present qu\u00e8 l\u2019acc\u00e9s \u00e9s temporal i un cop acabat el curs perdreu l\u2019acc\u00e9s<\/strong>. Assegureu-vos de tenir una c\u00f2pia al vostre disc dur de tot all\u00f2 que vulgueu conservar.<\/p>\n

    Les eines per a desenvolupadors<\/h2>\n

    Un cop tinguem els nostres arxius al servidor i executem els nostres programes al navegador, les eines per a desenvolupadors dels navegadors ens aniran molt b\u00e9 per poder veure els errors que tingui el nostre codi. Recordeu que els errors apareixeran a la Consola<\/strong>.<\/p>\n

    Aquestes s\u00f3n les eines per a desenvolupadors de Chrome.<\/p>\n

    \"\"<\/p>\n

    Aquestes s\u00f3n les de Firefox.<\/p>\n

    \"\"<\/p>\n

    A les imatges, un navegador est\u00e0 en angl\u00e8s l\u2019altre en catal\u00e0, per\u00f2 independentment de l\u2019idioma \u00e9s f\u00e0cil trobar el codi que s\u2019est\u00e0 executant i, per tant, \u00e9s f\u00e0cil comprovar si el servidor ha carregat b\u00e9 el nostre codi.<\/p>\n","protected":false},"excerpt":{"rendered":"

    La UOC ens ofereix la possibilitat de tenir un espai on poder pujar els nostres arxius HTML i JavaScript per a poder compartir les nostres creacions. Per a fer-ho, necessitarem instal\u00b7lar un programa client FTP (File Transfer Protocol), configurar-lo i fer-lo servir per a pujar els arxius. Pas 1. Instal\u00b7lar FileZilla Tot i que podem […]<\/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\/wp-json\/wp\/v2\/pages\/704"}],"collection":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/comments?post=704"}],"version-history":[{"count":14,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/704\/revisions"}],"predecessor-version":[{"id":4328,"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/pages\/704\/revisions\/4328"}],"wp:attachment":[{"href":"http:\/\/disseny-test.uoc.edu\/materials\/programacio\/wp-json\/wp\/v2\/media?parent=704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}