Community Tutorials

Install Bower dependencies on App Engine flexible environment

Author(s): @jmdobry , Published: 2016-05-20

Contributed by Google employees.

If you're using Bower to install web dependencies for your app and you're deploying your app to App Engine flexible environment, then there are several ways to make sure the dependencies are available to your deployed app. This tutorial discusses three different methods.

Prerequisites

Create a project in the Cloud Console.
Enable billing for your project.
Install the Cloud SDK.

Prepare

Install Bower:
```
npm install -g bower
```
Create a bower.json file if you don't already have one:
```
bower init
```
Then save new dependencies to your bower.json file with:
```
bower install --save [YOUR_PACKAGE_NAME]
```

Easiest: Do nothing

When you deploy to App Engine flexible enviroment a Docker image is created for you and your code is copied into the image. This first method relies on the Docker image build step to make Bower dependencies available to your app. This method is the easiest.

This method is simple:

Install Bower dependencies locally
Deploy

For example:

cd my-app
bower install
gcloud app deploy

The Bower dependencies will be installed, and during the deployment the files will be copied into the Docker image, and thus will be available to your deployed app.

Less easy: Use package.json

Let's say you don't want locally installed Bower dependencies to be copied into the Docker image. To make the dependencies available to your deployed app, you can have the dependencies installed inside the Docker image as it is constructed.

Run the following command to generate an `app.yaml file if you don't already have one:
```
gcloud app gen-config . --runtime=nodejs
```

To prevent locally installed Bower dependencies from being copied into the Docker image, add the following to app.yaml:

# Prevents locally installed Bower dependencies
# from being copied into the Docker image
skip_files:
  - ^(.*/)?.*/bower_components/.*$

If you're deploying a Node.js app then you almost certainly have a package.json file. Add the following to package.json:
```
"scripts": {
  ...
  "postinstall": "bower install --config.interactive=false",
  ...
},
"dependencies": {
  ...
  "bower": "^1.7.9",
  ...
}
```
The ellipses hide other configurations that may exist in package.json.
Now deploy:
```
gcloud app deploy
```
As the Docker image is built it will run npm install, which will in turn run bower install.

Much less easy: Use a Dockerfile

Another method that does not rely on package.json is to use a custom Dockerfile.

To make Docker install the Bower dependencies you need to use runtime: custom. Here we assume you're deploying a Node.js app, but with a little extra customization in the Dockerfile you can make this work for other languages.

Run the following command to generate the necessary files:
```
gcloud app gen-config . --custom --runtime=nodejs
```
This generates three files: Dockerfile, .dockerignore, and app.yaml.

To prevent locally installed Bower dependencies from being copied into the Docker image. Add the following to app.yaml:

# Prevents locally installed Bower dependencies
# from being copied into the Docker image
skip_files:
  - ^(.*/)?.*/bower_components/.*$

Now edit Dockerfile and insert the following beneath COPY ./app/:

npm i -g bower
bower install --config.interactive=false

So that is has:

COPY ./app/
npm i -g bower
bower install --config.interactive=false

Now deploy:
```
gcloud app deploy
```
As the Docker image is built it will run bower install.

Submit a tutorial

Share step-by-step guides

Submit a tutorial

Request a tutorial

Ask for community help

Submit a request

View tutorials

Search Google Cloud tutorials

View tutorials

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies. Java is a registered trademark of Oracle and/or its affiliates.