Diferència entre revisions de la pàgina «Desplegar aplicació a VPS»
m (→Introducció) |
m |
||
| Línia 1: | Línia 1: | ||
=Introducció= | =Introducció= | ||
Tenim feta una aplicació webc i ara la volem desplegar. Per exemple, l'aplicació dels dòlmens que hem fet a M06: | Tenim feta una aplicació webc i ara la volem desplegar. Per exemple, l'aplicació dels dòlmens que hem fet a M06: | ||
| − | *Mòduls_amb_Javascript._Mapes_amb_OpenLayers | + | *[[Mòduls_amb_Javascript._Mapes_amb_OpenLayers]] |
=Desplegar una aplicació web= | =Desplegar una aplicació web= | ||
==Fem l'aplicació web== | ==Fem l'aplicació web== | ||
| − | ( | + | Tenim l'aplicació web dels dòlmens, o bé qualsevol altra aplicació web. Per exemple, pots utilitzar qualsevol dels exemples que pots trobar a: |
| + | *https://openlayers.org/en/latest/examples/ | ||
| + | Fixa't que en tots aquests exemples ens donen un ''index.html'', ''main.js'', i un fitxer ''package.json'', que té la forma: | ||
| + | <pre> | ||
| + | { | ||
| + | "name": "custom-circle-render", | ||
| + | "dependencies": { | ||
| + | "ol": "6.14.1" | ||
| + | }, | ||
| + | "devDependencies": { | ||
| + | "parcel": "^2.0.0" | ||
| + | }, | ||
| + | "scripts": { | ||
| + | "start": "parcel index.html", | ||
| + | "build": "parcel build --public-url . index.html" | ||
| + | } | ||
| + | } | ||
| + | </pre> | ||
| + | Si fem: | ||
| + | <pre> | ||
| + | $ npm install | ||
| + | </pre> | ||
| + | s'instal·len les dependències, que són '''ol''' (llibreria Openlayers) i '''parcel''' (llibreria que s'utilitza per al desenvolupament). | ||
| + | |||
| + | Un cop instal·lades les dependències fem: | ||
| + | <pre> | ||
| + | $ npm start | ||
| + | </pre> | ||
| + | per arrencar l'aplicació, o bé: | ||
| + | <pre> | ||
| + | $ npm run build | ||
| + | </pre> | ||
| + | per muntar l'aplicació. Es crea la carpeta ''dist/'', que significa ''distribució'', i és el codi optimitzat per poder-lo posar en un servidor web (com ara Apache). | ||
| + | |||
| + | És la carpeta ''dist/'' la que haurem de desplegar. | ||
| + | |||
==Resum comandes== | ==Resum comandes== | ||
(TBD) | (TBD) | ||
Revisió del 12:12, 1 abr 2022
Contingut
Introducció
Tenim feta una aplicació webc i ara la volem desplegar. Per exemple, l'aplicació dels dòlmens que hem fet a M06:
Desplegar una aplicació web
Fem l'aplicació web
Tenim l'aplicació web dels dòlmens, o bé qualsevol altra aplicació web. Per exemple, pots utilitzar qualsevol dels exemples que pots trobar a:
Fixa't que en tots aquests exemples ens donen un index.html, main.js, i un fitxer package.json, que té la forma:
{
"name": "custom-circle-render",
"dependencies": {
"ol": "6.14.1"
},
"devDependencies": {
"parcel": "^2.0.0"
},
"scripts": {
"start": "parcel index.html",
"build": "parcel build --public-url . index.html"
}
}
Si fem:
$ npm install
s'instal·len les dependències, que són ol (llibreria Openlayers) i parcel (llibreria que s'utilitza per al desenvolupament).
Un cop instal·lades les dependències fem:
$ npm start
per arrencar l'aplicació, o bé:
$ npm run build
per muntar l'aplicació. Es crea la carpeta dist/, que significa distribució, i és el codi optimitzat per poder-lo posar en un servidor web (com ara Apache).
És la carpeta dist/ la que haurem de desplegar.
Resum comandes
(TBD)
Desplegament des de Sublime Text
(TBD)
Desplegament des de VStudio Code
(TBD)
rsync en comptes de scp
(TBD)
rsync a windows
S'ha d'habilitar el subsistema de Windows per a Linux (WSL). (TBD)
creat per Joan Quintana Compte, març 2022
