one command to deploy them all

In this talk I describe the intention behind ember-cli-deploy, the problems 0.4.x was trying to fix and the awesome new features that are coming in 0.5.0.

Transcript

1. one command to ember them all deploy <target>
2. Aaron Chambers @grandazz github.com/achambers
4. ember-cli-deploy (a lot has happened since my last talk)
5. a little history
7. rsync
8. rsync bash scripts
9. rsync bash scripts manually copy to S3
10. rsync custom heroku buildpack bash scripts manually copy to S3
11. $ ember deploy production
13. $ ember deploy:index ember-cli-deploy $ ember deploy:assets
15. ember- cli- deploy open source implementations ember- deploy front- end- builds ember- cli-azure- deploy ember- s3-sync embarista ember- cli-s3 heroku- buildpack- ember-cli ember- rails
16. ember- cli- deploy these are ember-cli-based ember- deploy front- end- builds ember- cli-azure- deploy ember- cli-s3 heroku- buildpack- ember-cli ember- s3-sync embarista ember- rails
17. ember- cli- deploy these embrace “lightning” strategy ember- deploy front- end- builds ember- cli-azure- deploy ember- cli-s3 heroku- buildpack- ember-cli ember- s3-sync embarista ember- rails
18. compare and contrast same core-plus-plugins architecture ember- cli- deploy ember- deploy front- end- builds ember- cli-azure- deploy ember- cli-s3 heroku- buildpack- ember-cli ember- s3-sync embarista ember- rails
19. compare and contrast front-end-builds started as a fork of ember-deploy same core-plus-plugins architecture ember- cli- deploy ember- deploy front- end- builds ember- cli-azure- deploy ember- cli-s3 heroku- buildpack- ember-cli ember- s3-sync embarista ember- rails
20. compare and contrast best name same core-plus-plugins architecture ember- cli- deploy ember- deploy front- end- builds ember- cli-azure- deploy ember- cli-s3 heroku- buildpack- ember-cli ember- s3-sync embarista ember- rails front-end-builds started as a fork of ember-deploy
21. compare and contrast ember- deploy- redis ember- deploy- s3 ember- deploy- azure ember- deploy- s3-index ember- cli-azure- deploy ember- cli-s3 heroku- buildpack- ember-cli ember- s3-sync embarista ember- rails best name same core-plus-plugins architecture ember- cli- deploy ember- deploy front- end- builds front-end-builds started as a fork of ember-deploy biggest ecosystem
22. ember- cli- deploy ember- deploy front- end- builds so we had an international video call
23. ember- cli- deploy ember- deploy front- end- builds so we had an international video call @lukemelia Luke Melia @grandazz Me @LevelbossMike Michael Klein @samselikoff Sam Selikoff Ryan Toronto
24. and decided to merge front- end- builds ember- cli- deploy @lukemelia Luke Melia @grandazz Me @LevelbossMike Michael Klein @samselikoff Sam Selikoff Ryan Toronto
25. one team front- end- builds ember- cli- deploy @lukemelia Luke Melia @grandazz Me @LevelbossMike Michael Klein @samselikoff Sam Selikoff Ryan Toronto
26. one project front- end- builds ember- cli- deploy @lukemelia Luke Melia @grandazz Me @LevelbossMike Michael Klein @samselikoff Sam Selikoff Ryan Toronto
27. one command to deploy them all front- end- builds ember- cli- deploy @lukemelia Luke Melia @grandazz Me @LevelbossMike Michael Klein @samselikoff Sam Selikoff Ryan Toronto
28. github.com/ember-cli/ember-cli-deploy front- end- builds ember- cli- deploy @lukemelia Luke Melia @grandazz Me @LevelbossMike Michael Klein @samselikoff Sam Selikoff Ryan Toronto
29. 0.4.x
30. 0.4.x
31. 0.4.x
32. 0.4.x
33. 0.4.x
34. 0.4.x
35. 0.4.x
37. 0.5.0
38. 0.5.0 deploy pipeline new plugin architecture documentation site for plugin authors
41. build
42. build index.html app.js app.css
43. build index.html app.js app.css
44. deploy pipeline build prepare activate configure upload
45. deploy pipeline // package.json { "name": "my-app", "version": "0.1.0", "devDependencies": { "ember-cli": "1.13.8", "ember-cli-deploy": "0.5.0", "ember-cli-deploy-build": "0.1.0", "ember-cli-deploy-redis": "0.1.0", "ember-cli-deploy-s3": "0.1.0", } } install plugins
46. deploy pipeline add configuration // config/deploy.js modules.exports = function(options) { return { build: { distDir: ’tmp/some-dir’ }, redis: { host: ’redis://some-server’, port: 1234 }, s3: { accessKeyId: ’abcdefgh’, secretAccessKey: ’1233445’, bucket: ’my-bucket’ } }; };
47. deploy pipeline build prepare activate configure $ ember deploy production upload
48. deploy pipeline build prepare activate configure ember-cli- deploy- build upload ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3
49. deploy pipeline build prepare activate configure ember-cli- deploy- build ember-cli- deploy- build upload ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3
50. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3
51. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3
52. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3 = deployment context
53. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3 = deployment context
54. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3 = deployment context ember-cli- deploy- redis
55. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3 = deployment context ember-cli- deploy- redis
56. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 = deployment context ember-cli- deploy- s3 ember-cli- deploy- redis
57. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 = deployment context ember-cli- deploy- build ember-cli- deploy- s3 ember-cli- deploy- redis
58. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 = deployment context ember-cli- deploy- build ember-cli- deploy- s3 ember-cli- deploy- redis
59. deploy pipeline build prepare upload activate configure ember-cli- deploy- build ember-cli- deploy- build ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- redis ember-cli- deploy- s3 ember-cli- deploy- s3
60. configure full list of pipeline hooks setup willDeploy didDeploy teardown build prepare upload activate willBuild didBuild willPrepare willUpload willActivate didPrepare didUpload didActivate
61. configure full list of pipeline hooks
62. configure full list of pipeline hooks setup
63. configure full list of pipeline hooks setup willDeploy
64. build configure full list of pipeline hooks setup willDeploy willBuild didBuild
65. build prepare configure full list of pipeline hooks setup willDeploy willBuild didBuild willPrepare didPrepare
66. build prepare upload configure full list of pipeline hooks setup willDeploy willBuild didBuild willPrepare willUpload didPrepare didUpload
67. build prepare upload activate configure full list of pipeline hooks setup willDeploy willBuild didBuild willPrepare willUpload willActivate didPrepare didUpload didActivate
68. build prepare upload activate configure full list of pipeline hooks setup willDeploy didDeploy willBuild didBuild willPrepare willUpload willActivate didPrepare didUpload didActivate
69. build prepare upload activate configure full list of pipeline hooks setup willDeploy didDeploy teardown willBuild didBuild willPrepare willUpload willActivate didPrepare didUpload didActivate
70. build prepare upload activate configure full list of pipeline hooks setup willDeploy didDeploy teardown willBuild didBuild willPrepare willUpload willActivate didPrepare didUpload didActivate
71. plugin architecture
72. plugin architecture a plugin is just an ember-cli addon $ ember addon ember-cli-deploy-s3
73. plugin architecture // package.json { "name": “ember-cli-deploy-s3”, "version": “0.1.0”, "devDependencies": { “ember-cli": “1.13.8”, “ember-cli-deploy“: “0.5.0”, }, "keywords": [ “ember-addon", “ember-cli-deploy-plugin“ ] } that has the ember-cli-deploy-plugin keyword
74. plugin architecture // index.js modules.exports = { name: ’ember-cli-deploy-s3’, createDeployPlugin: function(options) { return { name: options.name, configure: function(context) { // do something }, upload: function(context) { // do something } }; } }; and implements the createDeployPlugin() function
75. plugin architecture $ ember deploy production
76. plugin architecture $ ember deploy production find plugins "keywords": [“ember-cli-deploy-plugin“]
77. plugin architecture $ ember deploy production find plugins "keywords": [“ember-cli-deploy-plugin“] execute createDeployPlugin() createDeployPlugin: function(options) { return { // implemented hooks here }; } for each plugin register implemented hook functions
78. plugin architecture $ ember deploy production find plugins "keywords": [“ember-cli-deploy-plugin“] execute createDeployPlugin() createDeployPlugin: function(options) { return { // implemented hooks here }; } for each plugin execute hooks in order register implemented hook functions
79. plugin architecture // index.js modules.exports = { name: ’ember-cli-deploy-build’, createDeployPlugin: function(options) { return { name: options.name, build: function(context) { // build project files return { distDir: ‘tmp/tmp-dist’ }; } }; } }; deployment context // context == {} // context == { // distDir: `tmp/tmp-dist` // }
80. plugin architecture // config/deploy.js modules.exports = function(options) { // config for plugin called // ember-cli-deploy-s3 return { s3: { accessKeyId: ’my-key’, secretAccessKey: ’my-secret’ } }; }; configuration
81. plugin architecture // config/deploy.js modules.exports = function(options) { return { plugins: [’s3’, ’redis’], s3: { accessKeyId: ’my-id’, secretAccesKey: ’my-secret’ }, redis: { host: ’redis://some-host’, password: ’my-password’ } }; }; configuration: specifying plugin order
82. plugin architecture // config/deploy.js modules.exports = function(options) { return { plugins: [’s3:foo-assets’, ’s3:bar-assets’], ’foo-assets’: { bucket: ’foo-bucket’ }, ’bar-assets’: { bucket: ’bar-bucket’ } }; }; configuration: aliasing plugins
83. plugin architecture // config/deploy.js modules.exports = function(options) { return { ’slack-notifier’: { buildNumber: function(context) { return context.buildNumber; } } } }; configuration: accessing context data at runtime
84. current plugins for 0.5.0 ember-cli-deploy-build ember-cli-deploy-json-config ember-cli-deploy-revision-data ember-cli-deploy-redis ember-cli-deploy-s3 ember-cli-deploy-manifest ember-cli-deploy-gzip ember-cli-deploy-slack ember-cli-deploy-s3-index github.com/zapnito/ github.com/zapnito/ github.com/zapnito/ github.com/zapnito/ github.com/zapnito/ github.com/lukemelia/ github.com/lukemelia/ github.com/LevelbossMike/ github.com/LevelbossMike/
85. documentation ember-cli.github.io/ember-cli-deploy
86. try it out today $ npm i ember-cli-deploy@0.5.0-beta.1
87. Questions?
88. Aaron Chambers @grandazz github.com/achambers