(파베응용)제품 페이지마다 seo 설정하기

[양진화]

해당 강의에는 없지만 혹시 functions를 이용해서 페이지마다 맞춤 seo 하는거 알려주실수 있나요?
제품 페이지 url을 복사했을때 알맞는 타이틀, 이미지 metatag를 띄우고 싶은데요 ㅠㅠ
구글서치했을때 functions에 express 사용하라고 해서  진행했는데...


firebase.json


/functions/index.js


functions 배포는 아래와같이 되었습니다.

루트 '/' get 설정한건 메인페이지부터 테스트해보려고 한겁니다. 근데 이것도 안되서 제품url은 못건드려봤어요ㅠ
호스팅 배포 후에 https://<homepage>.web.app 이렇게 들어가도
app function이 실행이 안되는것 같더라고요..
get요청을 실행못하는 상황일까요?ㅠㅠ
dist 폴더가 빌드폴더입니다

[codingapple]

안되는거면 콘솔사이트 들어가서 에러메세지같은거 확인해봅시다

[양진화]

콘솔창에 찍히는게 없습니다ㅠㅠㅠ. trigger가 발생을 아예 안하고 있는걸까요?ㅠ

페이지 들어가면 에러가 뜨는데요


1. 호스팅 배포완료한 url 입력하면 cloud functions (함수명이 app임) 호출하는 페이지로 리디렉션 시켰다가



2. 이런 permission 에러를 띄웁니다


3. 구글서치해서 나온대로 접근: allUser로 permission 설정한 후인데도 계속뜨더라고요ㅠㅠ


파일 루트에대한 에러(파일을 못찾겠다던가..등등) 은 다행히 안뜨고 있는데
index.html 파일은 제대로 가져오는건지...권한에러가 진짜 문제인건지.. 디버깅하는 방법이 log말고 또 있을까요?ㅠ
일단은 트리거가 어떤상황에서 발생하는건지...그냥...홈페이지 refresh해도 log에 함수 호출이 안찍히더라구요...
'/' <루트 url로 들어갔을때 app 함수페이지로 이동하는..이게 정상인걸까요?!ㅠㅠㅠ

탈모올것같아요....firebase로 ssr도전하는게 넘 어렵네요....


+ 참고로 이것저것 도전하다가 express 날리고 https.onRequest 사용한 상태입니다.

아래는 참고한 아티클이랑 깃헙입니다.
https://github.com/serpentacademy/Minimal-Blog/blob/master/functions/index.ts
https://medium.com/@jalalio/dynamic-og-tags-in-your-statically-firebase-hosted-polymer-app-476f18428b8b

[codingapple]

의심스러운부분에 console.log 적어놓고 크롬콘솔창말고 firebase 콘솔들어가보면 됩니다 
아니면 firebase cli로 터미널에서도 로그 출력하는 명령어같은거 있을걸요 

[글쓴이]

글