본문 바로가기
반응형

[nJo2] markdown blogPosting tistory-blogger for vsce 소개 바로가기

Blogger에 원격으로 글을 쓰기 위해서는 API를 사용해야 하는데 그냥 API를 사용하는것이 아니라 Google Blogger 측에 API를 사용하겠다고 승인을 받아야만 사용이 가능합니다.
여기서는 Blogger API를 승인받는 방법에 대해서 작성을 하려고 합니다.

Blogger 가입하기

일단 먼저 Blogger에 가입을 해야 합니다. https://blogger.com 에 접속을 하고 가입을 합니다.

아래에 블로그 이름을 작성하고 Blogger을 생성합니다.

Blogger API에 대한 설명이므로 Blogger에는 가입했다고 치고 다음 설명으로 넘어가겠습니다. ^^

Blogger API 신청하기

Blogger API를 신청한다고는 했지만 사실 Google API를 이용해서 Blogger를 사용한다고 하는 것이 더 맞는 말일것 같습니다. API를 사용하기 위해서는 Google Cloud Platform에 접속을 해서 API를 신청해야 합니다.

1. Google Cloud Platform에서 프로젝트 생성

https://console.cloud.google.com 접속하기

Cloud Platform에서 프로젝트를 하나 생성합니다.

  1. 좌 상단의 프로젝트 리스트를 클릭합니다.
  2. 새로운 창의 우측 상단의 새 프로젝트를 선택해서 프로젝트를 만듧니다.


새 프로젝트를 등록하는 창이 나옵니다. 저는 test-blogger라고 만들어 봤습니다. 이름은 마음대로 작성하면 됩니다.

OAuth 동의화면 만들기

OAuth를 사용할 예정이기 때문에 먼저 OAuth 동의 화면부터 만드는 것이 좋습니다.
좌측메뉴에서 OAuth 동의 화면 메뉴를 선택합니다.

  1. OAuth 동의화면에서 외부를 선택합니다.
  2. 만들기를 선택합니다.

1. OAuth 동의화면

이것이 무슨 앱인지, 누가 개발자인지 알려주는 정보입니다.


OAuth 동의 화면에서는 3가지의 필수입력정보를 입력합니다.

  1. 앱이름은 자신의 앱이름을 임의로 입력합니다.
  2. 사용자 이메일을 입력합니다.
  3. 개발자 연락처로 사용할 이메일을 입력합니다.

2. 범위

이것은 인증을 하게 된다면 어느 범위(서비스)로 사용할 수 있게 할것인가에 대한 설정입니다.


범위에서는 이 API를 사용할 수 있는 범위를 지정합니다. 보통 상단에 있는 3개의 범위를 지정합니다.

3. 테스트 사용자

테스트 사용자는 이 앱을 개발하는 중에 사용할 수 있는 아이디를 입력하면 되는데 그냥 본인 이메일을 추가해 주면 됩니다.

  1. 개발자를 추가합니다.
  2. 저장합니다.

4. 요약

마지막으로 요약 정보를 보여주면 일단 완료된것 입니다. 나중에 수정이 가능합니다.

Blogger Client ID와 Secret Code 획득하기

프로젝트를 생성했으면 이제 API를 신청하고 ID와 Secret Code를 획득해야 합니다.

  1. 상단의 프로젝트 리스트에서 프로젝트가 선택이 되었는지 확인을 꼭 해 줍니다.
  2. 좌상단의 햄버거 메뉴를 선택합니다.
  3. 중간쯤에 있는 API 및 서비스 메뉴를 선택합니다.
  4. 서브메뉴에서 라이브러리를 선택합니다.
  5. 여러가지 API라이브러리 중 저희는 Blogger API를 선택합니다.


사용을 선택합니다.

  1. 신청한 Blogger API에서 사용자 인증 정보 메뉴를 선택합니다.
  2. 상단에 있는 사용자 인증 정보 만들기 메뉴를 선택합니다.
  3. OAuth클라이어트 ID 를 선택합니다.

  1. 웹 애플리케이션 데스크톱 앱을 선택합니다.
  2. 이름은 아무것이나 사용하셔도 됩니다.
  3. 만들기를 선택하세요.


이렇게하면 드디어 원하는 클라이언트 ID (CLIENT ID), 클라이언트 보안 비밀 (SECRET CODE) 를 얻을 수 있습니다.

Google Drive 사용 신청하기

Blogger에 글을 올릴때 이미지를 업로드 하기 위해 Google Drive도 사용해야 합니다. 그래서 Drive API도 사용할 수 있게 신청을 해야 합니다.


라이브러리 화면에서 Google Workspace에 있는 Google Drive API를 선택하여 사용을 클릭하면 됩니다.


그러면 Google Drive API 화면으로 이동하게 되는데, 이 때 이미 신청한 OAuth 2.0 클라이언트 ID가 있으므로 그냥 그대로 설정을 완료하면 됩니다.

Blogger Client ID와 Secret Code 등록하기

이렇게 획득한 Client ID와 Secret Code를 config-blogger.js에 등록하면 됩니다. 등록하는 방법은 아래의 포스팅을 참고하세요.

마크다운으로 VS Code를 사용하여 티스토리와 구글 블로거에 글쓰기

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~