티스토리 뷰

💡
<수정 사항> 2022-09-22 (목) - 티스토리 카카오 로그인의 HTML이 변경되어 로그인 시 오류가 발생하는 문제 수정되었습니다.
N2TWinform_1.0.0.1.zip
https://drive.google.com/file/d/1HCUCdP5l-PSCXyLr7iw9txfUuso4caVb/view?usp=sharing

서론


티스토리(Tistory)를 시작하면서 양식을 좀 더 이쁘고 간편하게 작성하여 업로드할 수 있는 방법은 없을지 생각하게 되었습니다. 그러면서 든 생각은 노션(Notion)에 작성한 글이 그대로 티스토리(Tistory)에 업로드하면 좋겠다는 생각이였는데요.

한창 구글링을 통해 발견한 글이 있었습니다. 파이썬으로 구현한 소스를 오픈소스로 공유한 글이었는데요. 맥(Mac) OS에서 구현한 소스여서 그런지 제 윈도우(Windows) 환경에서는 정상 동작하지 않았습니다. 때문에 파이썬 오픈소스를 참고하려 저에게 익숙한 C#으로 Winform 프로그램을 만들었습니다.

전적으로 해당 블로그의 글과 오픈소스를 참고했습니다. (블로그 링크)

Notion에서 Tistory로 자동 업로드 #8 (N2T)
드디어 Notion에서 Tistory 옮기는 코드를 정리해서 공개하려고 합니다. 처음 작업을 시작한지가 벌써 1년 반 정도가 지난 것 같네요. 지금까지 오픈하지 못했던 이유는 코드가 너무 지저분했고, 개개인마다 설정해줘야 하는 다양한 번거로움이 있었습니다. 지금은 어느정도 해결된 부분이 있어 최소한의 설정 파일로 동작하도록 개발하였습니다. 아래는 N2T 코드 github 링크 입니다.
https://minimin2.tistory.com/176

1. 사용법


1-1. 티스토리(Tistory) 사전 설정


💡
해당 프로그램 동작에 앞서서 티스토리(Tistory) 사전 설정 및 필요한 정보가 있습니다.

TISTORY
나를 표현하는 블로그를 만들어보세요.
https://www.tistory.com/guide/api/manage/register
💡
티스토리(Tistory) API를 등록해야합니다. 위의 링크에 들어가서 순서대로 진행해주세요.

💡
오픈 API 이용약관을 체크하고 서비스 명과 설명은 본인이 원하는대로 입력해주세요.
💡
서비스 URL, CallBack은 본인의 티스토리(Tistory) URL을 입력해주세요.

💡
등록이 완료되면 앱 관리 탭에서 인증관리설정을 눌러주세요.

💡
등록한 앱의 App IDSecret Key를 알 수 있습니다. 해당 정보를 적어두세요! 프로그램 사용 시 필요합니다.

1-2. 노션(Notion) 사전 설정


💡
해당 프로그램 동작에 앞서서 노션(Notion) 사전 설정 및 필요한 정보가 있습니다.

Notion - The all-in-one workspace for your notes, tasks, wikis, and databases.
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team
https://www.notion.so/my-integrations
💡
노션(Notion) API를 등록해야합니다. 위의 링크에 들어가서 순서대로 진행해주세요.

💡
새 API 통합 만들기를 클릭한 뒤 이름을 입력해주세요. 나머지 사항은 그대로 생성해도 됩니다.

💡
생성이 완료되면 들어가서 프라이빗 API 통합 토큰을 알 수 있습니다. 보기를 누른 뒤 복사해서 적어두세요! 프로그램 사용에 필요합니다.

N2T Winform 복제 템플릿

N2T Winform
A new tool for teams & individuals that blends everyday work apps into one.
https://quilled-hardware-a80.notion.site/59365b1af05c43eaa3d96890de4469ce?v=008c78c05f6c49cda519e15cd18352a8
💡
이제 위의 템플릿을 본인의 워크스페이스에 복제해주세요.

💡
템플릿의 표는 간단합니다. 제목은 티스토리에 작성될 제목이 될것입니다.
💡
카테고리는 티스토리 카테고리입니다. 카테고리가 코딩 > 기타 로 구현된 경우 코딩/기타슬래쉬(/)로 구분해서 입력해주세요.
💡
태그는 티스토리에 작성될 글의 태그이고 상태는 발행 요청, 수정 요청, 발행 완료가 있습니다. 새로 글을 작성하고자 하면 발행 요청을 선택하면 됩니다.

💡
데이터를 추가한 뒤 페이지의 내용이 티스토리에 작성될 내용이 됩니다.

💡
데이터베이스의 보기 링크를 복사해주세요.
💡
https://www.notion.so/데이터베이스 ID?v=보기 ID
💡
위의 URL에서 데이터베이스 ID를 복사해서 적어두세요! 프로그램 사용에 필요합니다.

💡
이제 F12를 누른 뒤, ApplicationCookiestoken_v2를 클릭합니다. 하단 Cookie Value 칸에 값이 출력됩니다.
💡
해당 값이 노션(Notion)의 TokenV2 값입니다. 이 부분도 꼭 적어두세요. 프로그램 사용에 필요합니다.

1-3. 프로그램 사용


N2TWinform 다운로드 링크

N2TWinform_1.0.1.zip
https://drive.google.com/file/d/1NqGs3Pc3mYkKJaimFzor3Rc1H6ASro-X/view?usp=sharing
💡
프로그램 설치 URL입니다. 해당 압축 파일을 푼 다음 msi 파일을 실행하여 설치해주세요.

💡
프로그램 세팅을 위해서 메모장관리자 권한으로 실행해주세요.

💡
C:\Program Files (x86)\Joel\N2TWinform 경로에 있는 appsettings.json 파일을 실행해주세요.
💡
하단의 확장자를 모든 파일(”*”)로 변경해야 실행할 수 있습니다.

💡
BlogName에 티스토리 블로그 이름을 적습니다. 티스토리 URL의 앞부분에 해당합니다. ex) https://joel-helloworld.tistory.com/ → joel-helloworld
💡
IdPassword에는 티스토리 아이디비밀번호를 적습니다. 저의 경우 카카오로 연동하여 카카오 아이디와 비밀번호를 적습니다. 해당 정보는 어떤 방식으로도 저에게 전달되지 않습니다!
💡
SecretKey에는 위에서 발급한 티스토리 Secret Key를 입력합니다.
💡
ClientId에는 위에서 발급한 티스토리 App Id를 입력합니다.
💡
RedirectURL의 경우 위에서 발급한 티스로티 서비스 URL을 입력합니다.
💡
AuthToken의 경우 위에서 발급한 노션 프라이빗 API 통합 토큰을 입력합니다.
💡
DatabaseId의 경우 위에서 발급한 노션 데이터베이스 Id를 입력합니다.
💡
TokenV2의 경우 위에서 발급한 Token V2를 입력합니다.
💡
DownloadDir의 경우 그대로 냅두셔도 됩니다. 원하는 분은 경로를 따로 지정해주세요. 노션(Notion) 글을 Html 파일로 임시 저장할 경로입니다.
💡
모든 세팅이 완료되면 파일을 꼭 저장해주세요.

💡
세팅 완료되면 바탕화면에 기본적으로 바로가기 아이콘이 생성됩니다. 프로그램을 실행해보면 다음과 같은 창이 뜹니다.
💡
POST 버튼을 클릭하면 앞서 복제한 노션 템플릿에 글을 작성하고 발행 요청, 수정 요청 태그를 선택한 글이 티스토리(Tistory)에 작성됩니다.

💡
업로드가 진행되어 완료된 모습입니다.

마무리


티스토리(Tistory) API와 노션(Notion) API를 활용하여 C#으로 구현한 프로그램입니다. 티스토리(Tistory)와 노션(Notion) API 관련 사전 설정 및 구현이 다소 어려웠지만 하나하나 해결하다 보니까 구현할 수 있었습니다. 해당 포스팅에 궁금한 점이나 오류가 발생하면 댓글로 알려주세요.

N2TWinform 다운로드 링크

N2TWinform_1.0.0.1.zip
https://drive.google.com/file/d/1HCUCdP5l-PSCXyLr7iw9txfUuso4caVb/view?usp=sharing


Uploaded by N2T

댓글