Ct Routing Service ☸️

클럽 투엔티의 라우팅 서비스 레포

Installation

yarn add @mind-map/ct-router

server side

import { RouterService } from '@mind-map/ct-router';

const url = RouterService.createUrl('PostDetailScreen', { postId: 10 });
// https://app.clubtwenty.co.kr/PostDetailScreen?postId=123

url 은

• Push Notification Payload
• Banner
• Alarm Center

등등 어디에서든 똑같은 인터페이스로 활용 될 수 있습니다.

client side

Basic

import { RouterService } from '@mind-map/ct-router';

const args = RouterService.parseUrl(
  'https://app.clubtwenty.co.kr/PostDetailScreen?postId=123',
);
// ['PostDetailScreen', { postId: 123 }]
navigation.navigate(...args);

Nested Screen

import { RouterService } from '@mind-map/ct-router';

const args = RouterService.parseUrl(
  'https://app.clubtwenty.co.kr/BottomTabNavigator?screen=ConnectionTab&params%5BinitialTab%5D=MyUniv',
);
// ['BottomTabNavigator', { screen: 'ConnectionTab', params: { initialTab: 'ClubTwenty' } }];
navigation.navigate(...args);

External Url

import { RouterService } from '@mind-map/ct-router';

const args = RouterService.parseUrl('https://naver.com');
// ['WebviewScreen', { uri: 'https://naver.com' }];
navigation.navigate(...args);

Publish

git push origin main
yarn patch

Q&A

External Link or App 은 어떻게 라우팅 시키나요?

const url = 'https://naver.com';

기본적으로 외부 링크면 앱이나 사파리로 웹이 열립니다

웹뷰는 어떻게 여나요?

import { RouterService } from '@mind-map/ct-router';

const url = RouterService.createUrl('WebviewScreen', {
  uri: 'https://naver.com',
  title: '네이버',
});

createUrl 로 웹뷰 스크린으로 보내면 앱 내에서 웹뷰 페이지로 열립니다.

TODO

• [ ] add code gen script
• [ ] release private repo
• [ ] internal document