Vue-cli-plugin-redis-deploy NPM

redis-deploy for vue-cli

Usage

This vue-cli plugin deploys your built index.html file to Redis, making it easier to run the latest version of the Vue app from a dynamic server-side application.

Installation

npm install vue-cli-plugin-redis-deploy

Usage

After installation, invoke the plugin with vue invoke redis-deploy.

Answer the configuration prompts. This will inject a redis-deploy script command into your package.json file.

Deploy with npm run redis-deploy.

Options

Options are set in vue.config.js and overridden on a per-environment basis by .env, .env.staging, .env.production, etc.

module.exports = {
  pluginOptions: {
    redisDeploy: {
      redisUrl: "The connection string for Redis (default: redis://localhost:6379)",
      keyPrefix: "The first part of the Redis key to store your content (default: frontend)",
      assetPath: "The directory containing your built index.html file (default: dist)",
      activationSuffix: "The suffix of the Redis key containing the hash of the current index HTML (default: current)",
      activeContentSuffix: "The suffix of the Redis key that always contains the current index HTML (default: current-content)"
    }
  }
}

The plugin will update three Redis keys on each deploy:

keyPrefix:index:activationSuffix with the hash of your current HTML. Example key: my-app:index:current
keyPrefix:index:activeContentSuffix with the index HTML. Example key: my-app:index:current-content
keyPrefix:index:htmlHash with the index HTML. Example key: my-app:index:7f72ccb08633ba47434688c9bcb3ada1

You can therefore access the active revision either by retrieving the my-app:index:current-content key:

$ redis-cli

127.0.0.1:6379> KEYS *
1) my-app:index:7f72ccb08633ba47434688c9bcb3ada1
2) my-app:index:current
3) my-app:index:current-content

127.0.0.1:6379> GET my-app:index:current-content
"<html>...</html"

... or by retrieving the active revision first, and using that to build the Redis key containing the active HTML:

$ redis-cli

127.0.0.1:6379> GET my-app:index:current
"7f72ccb08633ba47434688c9bcb3ada1"

127.0.0.1:6379> GET my-app:index:7f72ccb08633ba47434688c9bcb3ada1
"<html>...</html"

You can of course also access older revisions.

Credits

The plugin is heavily inspired by vue-cli-plugin-s3-deploy and ember-cli-deploy-redis.

vue vuejs cli plugin redis deploy deployment

@babel/cli @babel/core @babel/polyfill @babel/preset-env @vue/cli-shared-utils aws-sdk babel-core es6-promise-pool fs-extra globby joi js-md4 lodash mime-types redis

@infinitebrahmanuniverse/nolb-vue-cli-plugin-r @everything-registry/sub-chunk-3075

0.0.2

4 years ago

0.0.1

4 years ago