KayFaraday
/
Zaimki
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

#269 reduce S3 usage - cloudfront

This commit is contained in:
Andrea 2022-04-01 16:22:53 +02:00
parent 01d872cc1b
commit 9110ed957e
7 changed files with 15 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.env.dist
View File

@ -29,6 +29,7 @@ AWS_REGION=
AWS_KEY=
AWS_SECRET=
AWS_S3_BUCKET=
AWS_CLOUDFRONT_ID=
HCAPTCHA_SITEKEY=10000000-ffff-ffff-ffff-000000000001
HCAPTCHA_SECRET=0x0000000000000000000000000000000000000000

2
components/Account.vue
View File

@ -331,7 +331,7 @@
this.$cookies.set('token', this.$store.state.token, cookieSettings);
},
async uploaded(ids) {
await this.setAvatar(`${process.env.BUCKET}/images/${ids[0]}-avatar.png`);
await this.setAvatar(`${process.env.CLOUDFRONT}/images/${ids[0]}-avatar.png`);
},
async stopImpersonation() {
this.$cookies.set('token', this.$cookies.get('impersonator'));

7
migrations/052-avatar-cloudfront.sql Normal file
View File

@ -0,0 +1,7 @@
-- Up
UPDATE users SET avatarSource = REPLACE(avatarSource, 'https://pronouns-page.s3-eu-west-1.amazonaws.com/images/', 'https://dclu0bpcdglik.cloudfront.net/images/')
WHERE avatarSource LIKE 'https://%/images/%';
-- Down

1
nuxt.config.js
View File

@ -176,6 +176,7 @@ export default {
LOCALES: locales,
FLAGS: buildFlags(),
BUCKET: `https://${process.env.AWS_S3_BUCKET}.s3-${process.env.AWS_REGION}.amazonaws.com`,
CLOUDFRONT: `https://${process.env.AWS_CLOUDFRONT_ID}.cloudfront.net`,
STATS_FILE: process.env.STATS_FILE,
HCAPTCHA_SITEKEY: process.env.HCAPTCHA_SITEKEY,
ALL_LOCALES_URLS: process.env.ALL_LOCALES_URLS,

2
plugins/globals.js
View File

@ -32,7 +32,7 @@ export default ({ app, store }) => {
store.commit('setSpelling', app.$cookies.get('spelling') || 'traditional');
Vue.prototype.buildImageUrl = (imageId, size) => `${process.env.BUCKET}/images/${imageId}-${size}.png`
Vue.prototype.buildImageUrl = (imageId, size) => `${process.env.CLOUDFRONT}/images/${imageId}-${size}.png`
Vue.prototype.$loadScript = (name, src) => {
if (!process.client || document.querySelectorAll(`script.${name}-script`).length > 0) {

4
server/cleanupImages.js
View File

@ -16,9 +16,9 @@ async function cleanup() {
for (let row of await db.all(`
SELECT avatarSource
FROM users
WHERE avatarSource LIKE 'https://pronouns-page.s3-eu-west-1.amazonaws.com/images/%'`
WHERE avatarSource LIKE 'https://%/images/%'`
)) {
avatars[row.avatarSource.match('https://pronouns-page.s3.eu-west-1.amazonaws.com/images/(.*)-thumb.png')[1]] = true;
avatars[row.avatarSource.match('https://[^/]+/images/(.*)-(?:thumb|avatar).png')[1]] = true;
}
const flags = {};

4
server/routes/images.js
View File

@ -11,8 +11,8 @@ import S3 from 'aws-sdk/clients/s3';
const sizes = {
big: [1200, false],
flag: [256, false],
thumb: [128, true],
avatar: [96, true],
thumb: [192, true],
avatar: [144, true],
}
const resizeImage = (image, width, height, sx = null, sy = null) => {