Added EC2 provider

This commit is contained in:
Ivan Gromov 2020-05-25 00:32:49 +05:00
parent dfa2990e5a
commit 2da62f4877
3 changed files with 152 additions and 1 deletions

View file

@ -107,6 +107,17 @@ async def post_exit(request):
)
return web.json_response(response)
@routes.post('/ec2_regions')
async def post_exit(request):
data = await request.json()
client = boto3.client(
'ec2',
aws_access_key_id=data.get('aws_access_key'),
aws_secret_access_key=data.get('aws_secret_key')
)
response = client.describe_regions()['Regions']
return web.json_response(response)
app = web.Application()
app.router.add_routes(routes)

139
app/static/provider-ec2.vue Normal file
View file

@ -0,0 +1,139 @@
<template>
<div>
<div class="form-group">
<label>
Enter your AWS Access Key
<a
href="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
title="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
target="_blank"
rel="noreferrer noopener"
class="badge bagde-pill badge-primary"
>?</a
>
<br />
Note: Make sure to use an IAM user with an acceptable policy attached
(see
<a
href="https://github.com/trailofbits/algo/blob/master/docs/deploy-from-ansible.md"
target="_blank"
rel="noreferrer noopener"
>docs</a
>)
</label>
<input
type="text"
class="form-control"
name="aws_access_key"
v-on:blur="load_regions"
v-model="aws_access_key"
/>
</div>
<div class="form-group">
<label
>Enter your AWS Secret Key
<a
href="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
title="http://docs.aws.amazon.com/general/latest/gr/managing-aws-access-keys.html"
target="_blank"
rel="noreferrer noopener"
class="badge bagde-pill badge-primary"
>?</a
></label
>
<input
type="password"
class="form-control"
name="aws_secret_key"
v-on:blur="load_regions"
v-model="aws_secret_key"
/>
</div>
<div class="form-group">
<label v-if="region_options.length === 0"
>Please enter Access key and Secret key to select region</label
>
<label v-if="is_loading">Loading regions...</label>
<label v-if="region_options.length > 0"
>What region should the server be located in?</label
>
<select
name="region"
class="form-control"
v-model="region"
v-bind:disabled="is_region_disabled"
>
<option value disabled>Select region</option>
<option
v-for="(region, i) in region_options"
v-bind:key="i"
v-bind:value="region.RegionName"
>{{ region.RegionName }}</option
>
</select>
</div>
<button
class="btn btn-primary"
type="button"
v-on:click="submit"
v-bind:disabled="!is_valid"
>
Next
</button>
</div>
</template>
<script>
module.exports = {
data: function() {
return {
// options for
aws_access_key: null,
aws_secret_key: null,
region: null,
// helper variables
region_options: [],
is_loading: false
};
},
computed: {
is_valid() {
return this.aws_access_key && this.aws_secret_key && this.region;
},
is_region_disabled() {
return !(this.aws_access_key && this.aws_secret_key) || this.is_loading;
}
},
methods: {
load_regions() {
if (this.aws_access_key && this.aws_secret_key && this.region_options.length === 0) {
this.is_loading = true;
fetch('/ec2_regions', {
method: 'post',
headers: {
'Content-Type': 'application/json'
},
body: JSON.stringify({
aws_access_key: this.aws_access_key,
aws_secret_key: this.aws_secret_key
})
})
.then(r => r.json())
.then(data => {
this.region_options = data;
})
.finally(() => {
this.is_loading = false;
});
}
},
submit() {
this.$emit('submit', {
aws_access_key: this.aws_access_key,
aws_secret_key: this.aws_secret_key,
region: this.region
});
}
}
};
</script>

View file

@ -58,7 +58,8 @@ module.exports = {
},
components: {
'digitalocean': window.httpVueLoader('/static/provider-do.vue'),
'lightsail': window.httpVueLoader('/static/provider-lightsail.vue')
'lightsail': window.httpVueLoader('/static/provider-lightsail.vue'),
'ec2': window.httpVueLoader('/static/provider-ec2.vue')
}
};
</script>