Git Product home page Git Product logo

gae_deploy's Introduction

Copyright © 2010-2017, Brendan Doms
Licensed under the MIT license

GAE Deploy is a project to minify CSS and JavaScript before deploying, as well as handle static file cache-busting in production.

It can also write out simple template files and optionally deploy a specific git branch or multiple branches at once.

Deployment

Typical usage to minify CSS and JS files and to deploy the current branch looks like this:

python gae_deploy deploy.yaml --gae /path/to/gae

Command Line Arguments

YAML Configuration File

The first argument is a path to a YAML file that contains configuration information about the assets you want gae_deploy to minimize and keep track of. It is required.

GAE Path

The --gae option (shortcut -g) is a path to where the Google App Engine SDK is on your system. It is required if yaml is not installed, so that gae_deploy can use the yaml library included with GAE. However if yaml is installed on your system and accessible to Python, then this argument can safely be ommitted.

Git Branch

The --branch option (shortcut -b) specifies a git branch to deploy. If this option is not included then by default the current branch will be used. If git is not installed on the system or the current directory is not a repository then the app is simply deployed as is.

List of Git Branches

The --list option (shortcut -l) specifies a named list of git branches to deploy. Lists are defined in the configuration file. Each list is simply a list of branch names. Branches will be deployed in the order they are listed. This option and the --branch option above are mutually exclusive.

Services

The --services option (shortcut -s) specifies a list of services to deploy. This overrides the services configuration option described below, allowing for deploying a single service or a subset instead of all services at once. The format is a space-separated list of the extensionless names of the service configuration files. For example, for services configured in service1.yaml and service2.yaml the option would be:

-s service1 service2

Please note that deploying individual services this way bypasses updating the service specified by app.yaml if app is not explicitly included in this list, as well as skipping updating the app configuration, including the indexes, cron, task queue, and dispatch.

Notify Third Parties

Third party integrations like those described below are automatically notified when a deploy occurs. If you would like to skip doing an actual deployment but still trigger these notifications then pass in the --notify option (shortcut -n).

Write Out Templates

The --templates option (shortcut -t) writes out the template files for the current branch specified in the configuration file. It is useful for testing and verifying template file output as it does not deploy anything.

Configuration

The configuration file contains information about how the deploy should be performed both for static files and optionally for git branches.

There is an example provided, deploy.yaml, which you can use to get started by copying and pasting into your application directory and then modifying to suit your needs.

Project

The project directive indicates which project should be updated. If a project is not set then your system's default set by gcloud init is used.

Git Branches

The branches directive describes how git branches should be deployed.

Default Branch

The default option specifies a branch to use as a fallback in case parameters are not defined for another branch. If a default is available it will always be used if a branch's own options can't be found. If a default is not defined then if a branch has no definitions it will not be deployable.

A default is useful for feature branches, where you might want to quickly put up a new branch without worrying about its configuration.

Template Files List

The files option is a list of templates to use for swapping out variables and writing new files per branch. Each entry has an input, which is a path to the template file and an output, which is where the final version should be written.

Output files are overwritten without warning.

Branch-Specific Variables

The variables option contains a list of branches, each with a list of its own variables to swap out in the template files. Variables take the form of ${variable_name} in a template file.

There are a few special cases for variables. The first is if a variable is named _version then its value will be the app version when that branch is deployed. This overwrites any version specified in yaml files.

The second special case is if a variable is named _project then its value will be used as the project ID when that branch is deployed. This overwrites any project ID specified in yaml files.

Another is if a variable's value is _branch then the branch name will be used. This can be used in combination with the _version or _project options to make it so that a branch without a specific project or version will use the branch name for that value.

If a variable named _promote is in a branch's section then the deployed version will be promoted. This passes the --promote flag, making it the default version, overriding anything there previously. Without it, branches are deployed with the --no-promote flag, so you have to use their specific version URL.

A branch can also specify _services as a list that will override which services are deployed. See the note on services below for more information.

Static Directories

A list of static_dirs is used to look for static assets (CSS and JS files) to minify. Each entry contains a required path attribute that specifies where to find the directory.

Relative Paths

The rel attribute is an optional attribute to specify for a folder what the built URLs should be relative to. For example, if you included this:

- path: public/css
  rel: public

Then the URL for any assets in the css directory would not have public in it. The file public/css/main.css would be referenced as /css/main.css. This effectively strips away unwanted filesystem paths.

URL Prefixes

The prefix attribute is an optional attribute to specify a path to prefix the built URLs with. This is very useful for setting up custom URL routing for your assets that does not have to depend on the structure of your files and folders. For example, if you included this:

- path: public/css
  rel: public
  prefix: cdn

Then the URL for a file at public/css/main.css would be /cdn/css/main.css.

Symbolic Paths

The symbolic_paths option is a way of routing one generated URL onto another. This allows for having multiple different references to the same file. For example, with this configuration:

symbolic_paths:
- path: local/css/development.css
  link: cdn/css/production.css

The file development.css could still be referenced in templates like ${static('local/css/development.css')} but the final output would be cdn/css/production.css.

Services

If no services are included in the configuration then app.yaml and the service specified there will be deployed like normal. However, if your app has multiple services then list them here and they will all be deployed at once. Each entry is the name of the service's configuration file without the extension (e.g. service.yaml would be service). You should not include app for app.yaml here or any of the other protected config files because they will automatically be included. Currently this includes app, cron, dos, dispatch, index, and queue. This is to ensure that they are all updated during the deploy.

This configuration can be overridden by the --services command line argument described above.

Trello Integration

If you include the Trello subsection then cards from a "Done" list will automatically be moved to a new release list. You can see how to get the required values in the readme of the Trello submodule.

Also note that the values are run through an eval statement, which allows you to store them elsewhere. This means you don't have to commit the api_key or oauth_token to code, or that you can have different ones on different machines. For example:

trello:
  api_key: os.environ['TRELLO_API_KEY']
  oauth_token: os.environ['TRELLO_OAUTH_TOKEN']
  board_id: 'normal_string'

The extra, optional parameters are:

  • release_name - the name of the new card. Gets sent through strftime with the current local date and time so that they can be included in the name if desired.
  • branches - a list of branches to act on when pushed. All other branches will be ignored. For example, this lets you move cards when master is pushed but not feature branches.

Slack Integration

If you include a Slack subsection then a notification message will be sent to a Slack channel about this new deployment.

If you also included a Trello subsection then extra information about this release will be pulled from Trello.

To get a URL to use, setup an incoming webhook.

The branches argument works the same as the Trello integration: a notification will only be sent when a branch in this list is deployed.

The names argument is an optional a mapping of branches to their display names, which will be used when announcing the release.

Cache-Busting

To cache-buste, first make sure that your app.yaml file contains a very long expiration, such as:

default_expiration: "1000d"

Template Use

In your templates or wherever you reference a static asset do this:

from gae_deploy import static
<script src="${static('/path/to/asset.js')}"></script>

The static method will properly serve minified versions in production, non-minified versions in development, and can even handle assets it's not aware of, like images, by appending a timestamp query parameter.

Subresource Integrity

You can manually include integrity attributes like so:

from gae_deploy import static, integrity
<script src="${static('/path/to/asset.js')}" integrity="${integrity('/path/to/asset.js')}"></script>

The returned value is a sha512 base64-encoded hash in production and an empty string in development.

This attribute will also be included automatically by either of the helper methods below.

Scripts

You can generate the entire script tag, including the src and integrity attributes, via the script helper function.

from gae_deploy import script
script('/path/to/asset.js')
# output
<script src="/path/to/asset.min.js" integrity="sha512-abc123..."></script>

It also takes optional arguments for the additional attributes asyncattr, defer, and crossorigin. asyncattr and defer are booleans for whether to include them or not, and both default to False. crossorigin takes a string and passes it through as the attribute value. For example:

from gae_deploy import script
script('/path/to/asset.js', asyncattr=True, defer=False, crossorigin='anonymous')
# output
<script src="/path/to/asset.min.js" integrity="sha512-abc123..." async crossorigin="anonymous"></script>

Stylesheets

The style helper works just like script except it generates link elements for stylesheets.

from gae_deploy import style
style('/path/to/asset.css')
# output
<link href="/path/to/asset.min.css" integrity="sha512-abc123..." />

It also has optional arguments for the crossorigin, media, and title attributes. They each take a string and use it as the respective attribute value. For example:

from gae_deploy import style
style('/path/to/asset.css', crossorigin='anonymous', media='screen', title='Default')
# output
<link href="/path/to/asset.min.css" integrity="sha512-abc123..." crossorigin="anonymous" media="screen" title="Default" />

gae_deploy's People

Contributors

bdoms avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

gae_deploy's Issues

Add Images to Static Map

Perhaps look for a Python version of something like pngcrush as well as long as it's lossless.

Support Specifying a YAML File for Config

The command line syntax is getting messy. It would probably be better to use a YAML file with all this stuff in there and then parse it.

This could also allow for some more advanced customization, such as mapping more than one URL to the same file.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.