Guide for frontEnd multitenant application?

EBinY·2022년 11월 10일
0

<질문>
며칠 전 나는 'dedicated-database-clients'와 일종의 SaaS 웹 애플리케이션을 하자는 제안을 받았다. 그 웹 앱은 미래에 모바일 앱을 지원해야 할 것이다. 해보겠다고 했다.

이 시나리오에서 나는 auth를 위해 'tymon/jwt'를 사용하고, 멀티테넌시를 위해 hyn/tenant를 사용하여 API를 구축했다. 인증 및 테넌트 제어를 위한 루트를 이미 수행했습니다.
그것들은 Postman에서 정상적으로 작동하였다.

하지만 이제 나는 api에 접근할 수 있는 frontEnd를 어떻게 하는지 모르겠다.

누가 도와줄 수 있는 vuejs나 reactj에 대한 팁을 가지고 있나요?

<답변>
저는 같은 접근 방식으로 프로젝트의 말기 단계에 있습니다.

백엔드에 액세스할 수 있는 두 가지 기본 옵션이 있습니다.

'hyn/tenant'는 기본적으로 호스트 이름으로 테넌트를 구분하므로 메인 URL을 백엔드로 우회하는 프런트 엔드를 수행할 수 있습니다.
따라서 누군가 'hello.world.com'에 엑세스하려고 하면 'hello.api.com'이라는 백엔드를 가리키게 되어 올바른 테넌트에 즉시 액세스할 수 있습니다.

또 다른 접근 방식은 중앙 집중식 api를 호출하여 'the tenant trought' 사용자 입력을 확인할 수 있습니다. 예를 들어, 사용자가 여러 테넌트를 가질 수 있는 경우 로그인 후 해당 테넌트의 목록을 가지고 이후 모든 요청에 대한 요청 헤더에 호스트 이름 또는 테넌트 식별자를 설정할 수 있습니다.

당신이 무엇을 필요로 하느냐에 따라 다르며, 나는 두 번째 접근 방식이 모바일 앱에 좋다고 생각한다. 왜냐하면 당신은 특정 api를 호출한 다음 사용자 입력으로 어떤 'account/tenant'를 사용할지 결정할 수 있기 때문이다.

0개의 댓글