노방이야기

 Chatting 서비스로 GetStream을 보고 있는데 프로젝트를 생성한 이후 테스트 유저를 프로그램 내에서 생성했는데
getstream 콘솔에서 보면 추가가 되지 않고 계속 오류가 난다.

예제 코드에 있는 내용을 그대로 넣었는데

UnhandledPromiseRejectionWarning: Error: {"code":5,"StatusCode":401,"message":"WS failed with code 5 and reason - Connect failed with error: \"development tokens are not allowed for this application\"","isWSFailure":false}

개발자 모드에서 권할체크를 하지 않아야 하는데 지금 Product Mode여서 devToken 사용을 못한다는 것이다.

1. GetStream Dashboard에서 "Edit"버튼을 누르면 devMode로 변경이 가능하다

 팝업에서  Environment에서 Development 로 설정하고 Save App

2. 아래 Authentication 에서 "App" 설정 후 Disable Auth Checks를 활성화 한다. 
Development모드가 아니면 Disable Auth Checks 변경이 불가하므로 1번에서 변경한 후 작업한다.

strapi라는 backend 서비스를 쉽게 구축할 수 있는 open source가 있다.

develop, production 모드가 있는데
production모드에서는 category추가가 제한적이다

그런데... vm에서 develop 모드로 띄워도 production으로 뜬다 ㅡㅡ;
admin 설정하려고 하면 locahost로 page가 이동한다.

최초 로그인을 하면 관리자 설정을 하는 페이지로 이동하는데

"Create the first administrator" 버튼으로 이동해보면
로딩바만 돈다. 개발자 모드로 확인해보니 내부에서 localhost를 바라보고 있다

 아래 해결방안 1,2,3은... 아이디어였고
실제 해결은 다음 명령어로 했다.

package.json에 다음과 같이 정의되어 있다.

그냥 실행을 npm run develop 로 하면 되는 것이었다.
yarn으로 한다면 yarn develop
끝~

-------

해결방안1
develop 모드를 띄우고 nginx등에서 포트포워딩으로 처리하여 내부에서 도는 것으로
해결방안2
database를 별도로 띄워서 개인 pc에는 strapi를 로컬로 띄우면서 바라보는 db를 같이 보게 하는것.
해결방안3.
원격 vm의 domain을 dev.xxx.com, production.xxx.com 으로 줘서 dev로 접속시키는 방법.

해결방안 3의 가이드
https://github.com/61FINTECH/deploy-strapi-on-aws

wsl에 무슨 문제가 있는지 code . 을 실행하면

-bash: code: command not found 가 나온다.

프롬프트에서 사용자를 확인하고 다음 경로가 있는지 찾아가 본다.
컴퓨터 이름을 MY-PC라고 했으면 프롬프트 앞부분에
root@MY-PC 라고 나타나 있다.
모르겠으면
cd /mnt/c/Users
ls -al 을 해서 목록에서 이름을 확인한다.

/mnt/c/Users/MY-PC/AppData/Local/Programs/Microsoft VS Code/bin

export PATH=$PATH:"/mnt/c/Users/MY-PC/AppData/Local/Programs/Microsoft VS Code/bin"

 code .  을 실행해서 뜨면 좋은데...
나의 경우에는 다음과 같은 에러가 났다.
/mnt/c/Users/MY-PC/AppData/Local/Programs/Microsoft VS Code/bin/code: 61: /mnt/c/Users/MY-PC/AppData/Local/Programs/Microsoft VS Code/Code.exe: Exec format error

여기에서 하나 더.
sudo sh -c 'echo :WSLInterop:M::MZ::/init:PF > /usr/lib/binfmt.d/WSLInterop.conf'
sudo systemctl unmask systemd-binfmt.service
sudo systemctl restart systemd-binfmt
sudo systemctl mask systemd-binfmt.service
를 실행하면 
Created symlink /etc/systemd/system/systemd-binfmt.service → /dev/null. 와 같은 메세지가 나오고
code . 을 했을 때 vs code가 뜬 다~~~~~

Manual Send를 하면
Make sure "Email Sign-In" is turned on for your Firebase project 라고 나온다.

그러면 Firebase console > Authentication 에 가서 두번째 탭인 Sign-in method 를 누르면
Email 인증에 체크하라고 나온다.

체크가 안되어 있으면 체크를 해야한다.

그런데도 동일 오류가 나면
user table에 회원을 1명 넣어본다.

Flutterflow에서 Notification 설정은 매우 간단하다.
사전에 firebase에 요금제 변경 -> 유저권한 변경 -> cloud function 사용 설정 등을 다 마쳤다면 말이다 ㅎ

프로젝트 생성할 때 firebase를 연동했거나 생성 후 firebase를 연동한 뒤에
좌측메뉴의 Settings and Integrations에 App Settings > Push Notification 에 가면 할게 없다. 그냥 Deploy만 누르면 연동이 된다.

but, Deploy가 실패하는 경우 원인을 찾기가 매우 어렵다
오류는 다음과 같이 표시되는데 여기에 힌트가 있기는 하지만 처음에는 저게 뭔소리인가 싶다.

원인은 바로 firebase 설정에 있다.
Settings and Integrations > Project Setup > Firebase 에 가보면
제일 아래에 Advanced Settings가 있고
거기에 "Cloud Functions Region" 항목이 있는데
이것을 반드시 Firebase Cloud Function에 설정한 Region으로 맞춰야 제대로 Push Notification이 Deploy 된다.

이것 때문에 유료 요금제(Pro)로 갈아탔는데 ㅡㅡ;
무료에서 설정이 안돼서 Pro는 메뉴가 다른가 했더니...
그래도 Barry 덕분에 문제를 해결했으니 된건가? ㅎ

supabase라고 database가 있는데

firebase보다 낫다고 하네

우선 가격정책에서 free는 500M 줌.

가입을 하고 나면
github계정으로 가입했더니 조직(org)이 github이름으로 되네 ㅋㅋㅋ

그다음 프로젝트를 하나 생성하는데 조직을 선택해야 한다.

프로젝트가 생성되면 외부에서 접속을 위한
Project URL 과 API key 정보가 주어진다.

그다음 좌측메뉴의 두번째 아이콘을 누르면 Table editor. 여기에서 table목록이 나옴.

새 table생성을 해보자.
이름은 todo로

아무생각 없이 'Save'버튼을 눌렀더니

기본으로 id, created_at 칼럼이 생성되었다.
칼럼을 간단히 추가할때는 칼럼이름들 옆의 +버튼을 누르면 간단하고
Tables에 해당테이블의 아래화살표를 클릭해서 Edit table을 누르면 한번에 여러개 추가/제거가 가능하다.

먼저 칼럼추가버튼 클릭시
실제로는 스크롤이 있어서 상세 설정이 가능하다.

Edit Table을 누르면 아래와 같이 나오며
add column하고 done 칼럼을 추가함

table에 Data를 넣을 때는 Insert버튼을 눌러 원하는 작업을 하면 된다(여기에서도 칼럼추가가 가능하네)

Insert Row를 선택하여 data를 넣어보자.

Save버튼을 누르면 Data가 추가됨.

하지만, 여기서 끝이 아니다.
접속권한을 줘야한다.

Table에서 보면 정책설정이 되어 있지 않다( No active RLS policies )고
이러면 외부에서 Data처리를 할 수 없다.
빨간색으로 밑줄 그은 부분을 클릭하면 정책화면이 나온다.

Authentication의 Policies 화면이고 여기에서 New Policy 버튼을 누른다.

우선 전체를 수정한다.

정책이름은 all_access
Operation은 All
USING expression 항목에는 true를 입력하고 Review 버튼을 누른다.

정책을 미리 보여주면 Save한다.

Authentication에 해당 table에 대해 추가된 정책이 보인다.

어플에서 확인했을 때,
Data만 추가하고 정책을 주지 않은 경우

정책을 추가한 후 count가 '0'에서 '1'로 바뀐것을 확인할 수 있다.
(Hello World 로 나오는 부분은 Data mapping을 안한거니 그냥 넘어가자 ㅋ)

매핑한 Data

firebase 설정은 다 했다고 생각했다.
오류가 없고 설정 validation도 문제없고

앱을 실행시켜서 사용자를 가입했는데
firebase 에 users table이랑 생기지 않고 버튼클릭해도 무응답이다...

manage content 버튼을 눌러보니

새창이 뜨고 아래 메세지가 나온다.

Could not create an account as firebase@flutterflow.io to your Firebase project.
Make sure "Email Sign-In" is turned on for your Firebase project, and try again.

Firebase console로 이동해서 해당 프로젝트로 가면

허허.. 인증관련 설정을 안해서 '시작'버튼이 있네 ㅋ

다른 sns 로그인 등을 할꺼면 선택하고
우선 email주소로 회원가입을 받을것이라서

이메일/비밀번호를 클릭하면
사용설정이 비활성이다. 활성으로 하고 '저장'한다.

after

저장하고 나서
FlutterFlow에서 다시 Manage Content 버튼을 눌러보니 새창이 열리면서 이번에는 'No Documents'가 나온다
ㅋ 성공이다.

Add Document로 문서를 생성하면 Firestore에 생긴다.

기본 sample template에서 하나를 선택했는데...
Error가 있다고 run이 안된다.

원인은 Max lines must be 1 for password fields
Password field에 설정에서 Max Lines에 값이 없어서 나는 것 같다.
Max Lines에 1을 입력하니 없어진다.

Password 는 Sign In에 1개, Sign Up에 1개 에러이므로 각각 설정한다.
password-Create 를 선택한 후 오른쪽 패널 > Properties(펜과 자모양) > 아래로 내려오면 보임.

App 환경설정할 때 Firebase 에서 Firebase Rules 를 deploy 해야 한다.
Deploy 버튼을 누르면 다음과 같은 오류로 배포가 안된다면

It looks like you haven't used Cloud Firestore in this project before. 
Go to https://console.firebase.google.com/project/flutterflow-xxxx/firestore 
to create your Cloud Firestore database.
If the issue persists, go to https://console.firebase.google.com/u/0/project/flutterflow-xxxx/settings/general
and set "Default GCP resource location".

Firebase 의 프로젝트 설정의 일반 탭에서 "기본 GCP 리소스 위치"가 설정이 안되어 있다는 뜻이다.
(프로젝트 생성할 때 설정했는데 왜 비어있을까??)

아무튼 연필버튼을 눌러 팝업을 띄우면 설정은 되어있는데 변경도 안되고... 다시 설정을 누르자 이제는 변경 못한다
(애초에 변경이 안되던데...)

다시 FF(flutterflow)에 돌아가서 Deploy 해 보면 이제는 성공!!

1차에서의 링크로는 안되고 다른 링크로는 가입화면으로 가네

https://openai.com/blog/chatgpt/

여기로 가면 화면 좌측 하단에 "TRY CHATGPT" 버튼이 있다.
(화면 상단에서 Try 버튼이 있으나 링크가 다르므로 화면 아래에 있는 버튼을 누른다)

이동은 (https://chat.openai.com/auth/login)으로 하지만 해당url로 바로 접근은 안된다.
"TRY CHATGPT"버튼을 눌러 이동해야 한다.
그러면 아래와 같이 버튼 2개가 보인다.

회원 가입이므로 "Sign Up"버튼을 누른다.

그러면 계정 생성을 위한 form이 나온다. 아무거나 해도 되는데
우선은 Email로 가입해본다.

Email 주소입력하고 Continue 버튼을 누르면 사용할 Password를 입력하라고 나오고
가입했는데

제대로 처리가 안됐다. "Return to homepage" 링크를 타고 들어갔더니
https://openai.com/api/ 로 이동하고(url로 직접 이동해도 됨)
화면 오른쪽에 "Sign up"버튼이 있네.
직접쳐도 되는데 왜 이리 돌아 왔나...

가입한 뒤 "Log In" 버튼을 눌러 처음 로그인하면

가입한 Email로 인증메일을 보냈다고 한다.
Email을 확인해서 "Verify email address' 버튼을 누르면 된다.

다시 로그인을 하면
내 정보를 내 놓으라고 하네

그 다음은 전화번호 ㅡㅡ;

휴대전화로 인증받은 코드를 입력하고 나면
추가로 정보 내놔

그냥 둘러본다고 I'm exploring personal use를 선택하고 나면
드디어... 준비된 화면이 나오네 ㅋㅋ

playground를 클릭하면 입력하는 form이 나와서
test겸 안녕을 여러나라 언어로 물어보니

한글이 빠져있네

그래서 다시 물어보니
"안네용~~~"

우선 이걸로 준비는 된 것으로~ ㅎ