Ct Routing Service ☸️

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

Installation

``bash
yarn add @mind-map/ct-router
`

server side

`ts
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

`ts
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

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

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

External Url

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

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

Publish

`ts
git push origin main
yarn patch
`

Q&A

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

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

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

> 웹뷰는 어떻게 여나요?

`ts
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