Task 5

README.md

@@ -2,6 +2,14 @@
 
 See `develop` branch for development
 
+### Evidence links from task 2
+Student: Jose cerón
+2.1
+-S3 link: https://myshopstorage.s3.amazonaws.com/index.html
+
+2.2
+-CLOUDFRONT: https://dhas39r8gef8j.cloudfront.net/
+
 ## Project setup
 ```
 npm install

package.json

@@ -28,8 +28,9 @@
     "axios": "^0.21.1",
     "core-js": "^3.6.5",
     "material-design-icons-iconfont": "^6.1.0",
-    "serverless": "^2.35.0",
-    "serverless-finch": "^2.6.0",
+    "serverless": "^3.19.0",
+    "serverless-finch": "^4.0.0",
+    "serverless-single-page-app-plugin": "^1.0.4",
     "vue": "^2.6.11",
     "vue-i18n": "^8.24.2",
     "vue-router": "^3.2.0",

serverless.yml

@@ -1,6 +1,6 @@
 service: node-in-aws-web
 
-frameworkVersion: '2'
+frameworkVersion: '3'
 
 provider:
   name: aws
@@ -18,7 +18,7 @@ plugins:
 
 custom:
   client:
-    bucketName: node-in-aws-web-bucket
+    bucketName: node-in-aws-web-bucketjc1
     distributionFolder: build
   s3BucketName: ${self:custom.client.bucketName}
 

src/api/product-api.ts

@@ -18,8 +18,8 @@ const fetchAvailableProducts = async (): Promise<Product[]> => {
 
 const fetchProducts = async (): Promise<Product[]> => {
 	return axios
-		.get(`${API_PATHS.bff}/product`)
-		.then(res => res.data)
+		.get(`${API_PATHS.bff}/products`)
+		.then(res => res.data.products)
 		.catch(e => {
 			console.error(e);
 			// << !!! mocks if any error !!!

src/constants/api-paths.ts

@@ -1,7 +1,8 @@
 export const API_PATHS = {
-	product: 'https://.execute-api.eu-west-1.amazonaws.com/dev',
+	product: 'https://h3ks8t1bmi.execute-api.us-east-1.amazonaws.com/dev',
 	order: 'https://.execute-api.eu-west-1.amazonaws.com/dev',
-	import: 'https://.execute-api.eu-west-1.amazonaws.com/dev',
-	bff: 'https://.execute-api.eu-west-1.amazonaws.com/dev',
+	import: 'https://h3ks8t1bmi.execute-api.us-east-1.amazonaws.com/dev',
+	bff: 'https://h3ks8t1bmi.execute-api.us-east-1.amazonaws.com/dev',
+	// bff: 'https://.execute-api.eu-west-1.amazonaws.com/dev',
 	cart: 'https://.execute-api.eu-west-1.amazonaws.com/dev',
 };

src/locale/messages/en.json

@@ -1,6 +1,6 @@
 {
     "app": {
-        "title": "My store!",
+        "title": "CO Store",
         "loading": "Loading... Please wait"
     },
     "common": {

src/views/ProductImport/ui/CSVFileUploader.vue

@@ -62,10 +62,10 @@ const fetchPresignedS3Url = (url: string, fileName: string) => {
 const uploadFileBy = async (url: string, file: File) => {
 	const destUrl = await fetchPresignedS3Url(url, file.name);
 
-	console.info('Uploading to: ', destUrl.data);
+	console.info('Uploading to: ', destUrl.data.url);
 
 	// save
-	const result = await fetch(destUrl.data, {
+	const result = await fetch(destUrl.data.url, {
 		method: 'PUT',
 		body: file,
 	});

src/views/ProductShowcaseIndex/ProductShowcaseIndex.vue

@@ -79,7 +79,7 @@ export default Vue.extend({
 			this.isFetching = true;
 
 			productApi
-				.fetchAvailableProducts()
+				.fetchProducts()
 				.then(products => {
 					this.products = products;
 				})