SlideShare a Scribd company logo
1 of 10
Download to read offline
Bower + Bitbucket A package manager for the web + Distributed revision control system
Empezando con bower 
Para utilizar bower necesitamos tener instalado: 
● node js 
● npm 
● bower ( npm install -g bower ).
Crear nuestro package 
$ bower init . 
Definición de bower.json 
The bower.json spec defines several options, including: 
● name (required): Nombre del package 
● version: A semantic version number (see semver). (http: 
//semver.org/lang/es/) 
● main string or array: The primary acting files necessary 
to use your package. 
● ignore array: An array of paths not needed in production 
that you want Bower to ignore when installing your 
package. 
● keywords array of string: (recommended) helps make 
your package easier to discover 
● dependencies hash: Packages your package depends 
upon in production. Note that you can specify ranges of 
versions for your dependencies. 
● devDependencies hash: Development dependencies. 
● private boolean: package privado 
Bower.json 
{ 
"name": "widget-webgl", 
"version": "1.0.0", 
"main": “ [ webglticketing.js,orbitalcontroller.js] si utilizamos mas de un 
archivo lo agregamos en un array. 
"license": "MIT", 
“private”:true, esto es para que el repositorio sea privado y no este 
registrado en bower. 
"ignore": [ 
"**/.*", 
"node_modules", 
"bower_components", 
"test", 
"tests", 
".git", 
".gitignore", 
], 
"dependencies": { 
"threejs": "r69" => package externo 
} }
Bitbucket y Bower 
crear una release de nuestro código en bitbucket. 
Se debe tener en cuenta que número de versión en bower.json, debe coincidir con el tag creado en bitbucket. 
Ejemplo: 
Bower.json 
{ 
"name": "widget-webgl", 
"version": "1.0.0", 
"main": "WebglTicketing.js", 
... 
$ git commit -am “v1.0.0” 
$ git tag 1.0.0 
$ git push 
$ git push origin --tags
Registrar el package en Bower 
Si queremos que nuestro package sea público debemos registrarlo en bower (github). 
$ bower register <my-package-name> <git-endpoint> 
# for example 
$ bower register example git://github.com/user/example.git 
Unregister 
$ curl -X DELETE "https://bower.herokuapp.com/packages/<package>?access_token=<token>"
Instalar package público 
# registered package 
$ bower install jquery 
# GitHub shorthand 
$ bower install desandro/masonry 
# Git endpoint 
$ bower install git://github.com/user/package.git 
# URL 
$ bower install http://example.com/script.js * 
*bower documentation (http://bower.io/)
Instalar package propio 
Una vez que tengamos nuestro package creado, la manera de utilizarlo en cualquiera de nuestros proyectos es simple. 
$ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.0 
Para este proyecto estamos instando la versión 1.0.0 del widget-webgl 
Otra forma más completa de instalar un package consiste en iniciar bower 
$ bower init . 
Completar los datos 
Y a continuación instalamos los package que necesitemos. 
$ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.2 --save* 
$ bower install <package> --save-dev 
*la opción save guarda la dependencia en bower.json, de esta manera a la hora de compartir el proyecto simplemente utilizando el comando 
bower install se instalar todas las dependencias necesarias para este proyecto.
Configuracíon de bower 
.bowerrc 
{ 
"directory": "lib/", 
"analytics": false 
}
Api 
● cache list | clean (Manage bower cache) 
● help 
● home (Opens a package homepage into your favorite browser.) 
● info (Displays overall information of a package or of a particular version.) 
● init 
● install 
● link 
● list 
● lookup 
● prune 
● register 
● search 
● update 
● uninstall 
● version 
*bower documentation (http://bower.io/docs/api )
[Recursos] 
http://bower.io/docs/creating-packages/ 
http://nodejs.org/ 
http://es.wikipedia.org/wiki/Fases_del_desarrollo_de_software 
http://semver.org/lang/es/

More Related Content

What's hot

What's hot (14)

Como crear un subtheme Drupal usando zurb-foundation
Como crear un subtheme Drupal usando zurb-foundationComo crear un subtheme Drupal usando zurb-foundation
Como crear un subtheme Drupal usando zurb-foundation
 
Introducción al framework Symfony
Introducción al framework SymfonyIntroducción al framework Symfony
Introducción al framework Symfony
 
Taller de Backbone.js en Betabeers Malaga 06/09/2012
Taller de Backbone.js en Betabeers Malaga 06/09/2012Taller de Backbone.js en Betabeers Malaga 06/09/2012
Taller de Backbone.js en Betabeers Malaga 06/09/2012
 
PowerShell para administradores
PowerShell para administradoresPowerShell para administradores
PowerShell para administradores
 
Blog
BlogBlog
Blog
 
Play2012
Play2012Play2012
Play2012
 
Django avanzado: Dia4
Django avanzado: Dia4Django avanzado: Dia4
Django avanzado: Dia4
 
Django Avanzado: Dia3
Django Avanzado: Dia3Django Avanzado: Dia3
Django Avanzado: Dia3
 
Zend Framework 2 y MongoDB
Zend Framework 2 y  MongoDBZend Framework 2 y  MongoDB
Zend Framework 2 y MongoDB
 
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para OdooJornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
Jornadas Odoo 2015 - Diseño y creación de un tema Bootstrap para Odoo
 
Nodejs
NodejsNodejs
Nodejs
 
Comandos Powershell Backup Restore SPSite
Comandos Powershell Backup Restore SPSiteComandos Powershell Backup Restore SPSite
Comandos Powershell Backup Restore SPSite
 
Django
DjangoDjango
Django
 
Net love open source v1.7
Net love open source v1.7Net love open source v1.7
Net love open source v1.7
 

Similar to Bower & bitbucket

Zeety open project manual de instalación
Zeety   open project manual de instalaciónZeety   open project manual de instalación
Zeety open project manual de instalacióngrupozeety
 
GuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptxGuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptxfuenzalidarodrigo
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Juan Fede
 
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLabFIB
 
Drupal grunt task - Drupal Camp CR 2015
Drupal grunt task  - Drupal Camp CR 2015Drupal grunt task  - Drupal Camp CR 2015
Drupal grunt task - Drupal Camp CR 2015Daniel Noyola
 
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamenteCrea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamenteKuboosoft
 
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...Freddy Banguero
 
nerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshopnerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshopRestorando
 
FROM lost to the Docker 2020
FROM lost to the Docker 2020FROM lost to the Docker 2020
FROM lost to the Docker 2020BelnGonzlezGarca1
 

Similar to Bower & bitbucket (20)

Zeety open project manual de instalación
Zeety   open project manual de instalaciónZeety   open project manual de instalación
Zeety open project manual de instalación
 
GuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptxGuiaPrincipiantesGitHubrfuenzalidadev.pptx
GuiaPrincipiantesGitHubrfuenzalidadev.pptx
 
Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7Tutorial CodeIgniter + Netbeans 7
Tutorial CodeIgniter + Netbeans 7
 
Git.manual.usuario
Git.manual.usuarioGit.manual.usuario
Git.manual.usuario
 
Aprendiendo GIT
Aprendiendo GITAprendiendo GIT
Aprendiendo GIT
 
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+DinLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
inLab FIB MeteorJS workshop by uLab UPC - Telefonica I+D
 
Drupal grunt task - Drupal Camp CR 2015
Drupal grunt task  - Drupal Camp CR 2015Drupal grunt task  - Drupal Camp CR 2015
Drupal grunt task - Drupal Camp CR 2015
 
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamenteCrea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
Crea tus instaladores para linux (fedora, ubuntu, etc) sencillamente
 
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
2290277 Instalacion De Un Servidor De Base De Datos Postgre Sql Apache Jboss ...
 
Trabajo zabbix
Trabajo zabbixTrabajo zabbix
Trabajo zabbix
 
Composer
ComposerComposer
Composer
 
nerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshopnerdear.la 2016 - Docker workshop
nerdear.la 2016 - Docker workshop
 
Dependency Managers iOS
Dependency Managers iOSDependency Managers iOS
Dependency Managers iOS
 
S8-DS2.pptx
S8-DS2.pptxS8-DS2.pptx
S8-DS2.pptx
 
Integrando sonar
Integrando sonarIntegrando sonar
Integrando sonar
 
FROM lost to the Docker 2020
FROM lost to the Docker 2020FROM lost to the Docker 2020
FROM lost to the Docker 2020
 
FROM lost to the docker
FROM lost to the dockerFROM lost to the docker
FROM lost to the docker
 
Dependency Managers
Dependency ManagersDependency Managers
Dependency Managers
 
Gwt II - trabajando con gwt
Gwt II - trabajando con gwtGwt II - trabajando con gwt
Gwt II - trabajando con gwt
 
Mercurial
MercurialMercurial
Mercurial
 

Recently uploaded

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíassuserf18419
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxLolaBunny11
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfJulian Lamprea
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveFagnerLisboa3
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...silviayucra2
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITMaricarmen Sánchez Ruiz
 

Recently uploaded (10)

Trabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnologíaTrabajo Mas Completo De Excel en clase tecnología
Trabajo Mas Completo De Excel en clase tecnología
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Presentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptxPresentación guía sencilla en Microsoft Excel.pptx
Presentación guía sencilla en Microsoft Excel.pptx
 
Desarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdfDesarrollo Web Moderno con Svelte 2024.pdf
Desarrollo Web Moderno con Svelte 2024.pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
POWER POINT YUCRAElabore una PRESENTACIÓN CORTA sobre el video película: La C...
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 

Bower & bitbucket

  • 1. Bower + Bitbucket A package manager for the web + Distributed revision control system
  • 2. Empezando con bower Para utilizar bower necesitamos tener instalado: ● node js ● npm ● bower ( npm install -g bower ).
  • 3. Crear nuestro package $ bower init . Definición de bower.json The bower.json spec defines several options, including: ● name (required): Nombre del package ● version: A semantic version number (see semver). (http: //semver.org/lang/es/) ● main string or array: The primary acting files necessary to use your package. ● ignore array: An array of paths not needed in production that you want Bower to ignore when installing your package. ● keywords array of string: (recommended) helps make your package easier to discover ● dependencies hash: Packages your package depends upon in production. Note that you can specify ranges of versions for your dependencies. ● devDependencies hash: Development dependencies. ● private boolean: package privado Bower.json { "name": "widget-webgl", "version": "1.0.0", "main": “ [ webglticketing.js,orbitalcontroller.js] si utilizamos mas de un archivo lo agregamos en un array. "license": "MIT", “private”:true, esto es para que el repositorio sea privado y no este registrado en bower. "ignore": [ "**/.*", "node_modules", "bower_components", "test", "tests", ".git", ".gitignore", ], "dependencies": { "threejs": "r69" => package externo } }
  • 4. Bitbucket y Bower crear una release de nuestro código en bitbucket. Se debe tener en cuenta que número de versión en bower.json, debe coincidir con el tag creado en bitbucket. Ejemplo: Bower.json { "name": "widget-webgl", "version": "1.0.0", "main": "WebglTicketing.js", ... $ git commit -am “v1.0.0” $ git tag 1.0.0 $ git push $ git push origin --tags
  • 5. Registrar el package en Bower Si queremos que nuestro package sea público debemos registrarlo en bower (github). $ bower register <my-package-name> <git-endpoint> # for example $ bower register example git://github.com/user/example.git Unregister $ curl -X DELETE "https://bower.herokuapp.com/packages/<package>?access_token=<token>"
  • 6. Instalar package público # registered package $ bower install jquery # GitHub shorthand $ bower install desandro/masonry # Git endpoint $ bower install git://github.com/user/package.git # URL $ bower install http://example.com/script.js * *bower documentation (http://bower.io/)
  • 7. Instalar package propio Una vez que tengamos nuestro package creado, la manera de utilizarlo en cualquiera de nuestros proyectos es simple. $ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.0 Para este proyecto estamos instando la versión 1.0.0 del widget-webgl Otra forma más completa de instalar un package consiste en iniciar bower $ bower init . Completar los datos Y a continuación instalamos los package que necesitemos. $ bower install git@bitbucket.org:teamname/widget-webgl.git#1.0.2 --save* $ bower install <package> --save-dev *la opción save guarda la dependencia en bower.json, de esta manera a la hora de compartir el proyecto simplemente utilizando el comando bower install se instalar todas las dependencias necesarias para este proyecto.
  • 8. Configuracíon de bower .bowerrc { "directory": "lib/", "analytics": false }
  • 9. Api ● cache list | clean (Manage bower cache) ● help ● home (Opens a package homepage into your favorite browser.) ● info (Displays overall information of a package or of a particular version.) ● init ● install ● link ● list ● lookup ● prune ● register ● search ● update ● uninstall ● version *bower documentation (http://bower.io/docs/api )
  • 10. [Recursos] http://bower.io/docs/creating-packages/ http://nodejs.org/ http://es.wikipedia.org/wiki/Fases_del_desarrollo_de_software http://semver.org/lang/es/