EonsFlow
B-FLOW · GOOGLE CLOUD

SET UP ONCE · FOLLOW THE SCREENS

Google Cloud
처음 연결 가이드

처음 설정부터 연결 완료까지 한 단계씩 따라갑니다. Google Cloud에서 연결 정보를 준비하고, B-Flow에서 본인의 Google 계정을 연결합니다.

B-Flow는 OAuth 클라이언트 방식으로 연결합니다.
서비스 계정 JSON 파일을 넣는 과정은 없습니다. 이 가이드는 클라이언트 ID·보안 비밀을 준비해 Google 계정을 연결하는 순서입니다.

실제 Cloud 화면 · B-Flow 1.0.72 패널 · 2026.10.22 기준 · 최초 설정 안내

STEP 01

B-Flow용 프로젝트를 준비하세요

Google Cloud 콘솔 → 상단 프로젝트 선택 → 새 프로젝트

  1. Chrome에서 Blogger를 운영할 Google 계정으로 로그인합니다. Blogger에 블로그가 있고 글을 작성할 수 있는지도 먼저 확인합니다.
  2. Google Cloud 콘솔을 열고 상단 프로젝트 선택에서 새 프로젝트를 누릅니다.
  3. 프로젝트 이름을 B-Flow처럼 알아보기 쉽게 적고 만들기를 누릅니다. 개인 계정은 상위 리소스가 조직 없음으로 보일 수 있습니다.
  4. 생성이 끝나면 상단에 방금 만든 프로젝트가 선택됐는지 확인합니다. 이후 설정은 모두 같은 프로젝트에서 진행합니다.
B-Flow용 프로젝트를 준비하세요 화면
실제 Google Cloud 새 프로젝트 입력 화면. 캡처용 이름만 입력했으며 프로젝트는 생성하지 않았습니다.
이 상태면 다음 단계로상단에 사용할 프로젝트 이름이 보이면 다음 단계로 이동합니다.

이미 B-Flow용 프로젝트가 있다면 새로 만들지 않고 그 프로젝트를 선택하세요. 화면의 무료 체험·유료 업그레이드 배너는 이 연결 순서의 버튼이 아닙니다.

STEP 03

Blogger API를 사용 설정하세요

Blogger API 제품 세부정보

  1. 처음 사용하는 프로젝트라면 사용 또는 사용 설정 버튼을 누릅니다.
  2. 사용 설정이 완료될 때까지 기다립니다.
  3. 이미 설정된 프로젝트는 관리 버튼과 API 사용 설정됨 문구가 보입니다. 이 상태라면 다시 설정할 필요가 없습니다.
Blogger API를 사용 설정하세요 화면
실제 Blogger API 상세 페이지. 관리·API 사용 설정됨은 완료된 상태입니다.
이 상태면 다음 단계로관리 버튼 또는 API 사용 설정됨을 확인합니다.

캡처는 이미 사용 설정된 프로젝트입니다. 처음에는 같은 자리에 사용 버튼이 나타날 수 있습니다.

STEP 04

앱 정보와 외부 대상을 설정하세요

API 및 서비스 → OAuth 동의 화면 → Google 인증 플랫폼

  1. 처음이라면 시작하기를 눌러 프로젝트 구성을 진행합니다. 이미 설정한 경우 왼쪽 브랜딩과 대상 메뉴에서 확인합니다.
  2. 앱 이름은 B-Flow처럼 알아보기 쉽게 적고, 사용자 지원 이메일에는 본인 이메일을 선택합니다.
  3. 대상 선택에서 개인 Gmail로 사용하는 경우 외부를 선택합니다. 내부는 Google Workspace 조직 안에서만 사용하는 경우의 항목입니다.
  4. 연락처 정보에는 Google의 안내를 받을 본인 이메일을 입력합니다. 화면에서 요구하는 항목·확인을 읽고 구성을 완료합니다.
앱 정보와 외부 대상을 설정하세요 화면
실제 브랜딩 메뉴와 앱 이름 입력 위치. 캡처의 기존 앱 이름을 그대로 따라 적을 필요는 없습니다.
이 상태면 다음 단계로Google 인증 플랫폼 왼쪽에 브랜딩·대상·클라이언트 메뉴가 보입니다.

새 구성 화면과 기존 브랜딩 편집 화면의 모양은 다를 수 있습니다. 아래는 기존 프로젝트의 실제 브랜딩 화면이며, 지원 이메일·연락처는 개인정보 보호를 위해 캡처 범위에서 제외했습니다.

STEP 05

대상에서 게시 상태를 확인하세요

Google 인증 플랫폼 → 대상

  1. 사용자 유형이 외부인지 확인합니다.
  2. 게시 상태가 테스트라면, 시험 연결에 사용할 Google 계정을 테스트 사용자에 추가하고 저장합니다. 추가한 계정과 실제 연결할 계정이 같아야 합니다.
  3. 계속 사용할 본인 앱은 앱 게시 버튼을 눌러 안내를 확인하고 프로덕션 단계로 전환합니다.
  4. 프로덕션 단계 문구가 보이면 완료입니다. 캡처처럼 테스트로 돌아가기 버튼이 보이면 이미 프로덕션 상태입니다.
대상에서 게시 상태를 확인하세요 화면
실제 대상 화면. 게시 상태 프로덕션 단계·사용자 유형 외부가 완료 기준입니다.
이 상태면 다음 단계로운영할 앱은 게시 상태가 프로덕션 단계인지 확인합니다.

처음 연결할 때 자주 막히는 부분입니다. 테스트 사용자로 추가하지 않은 계정은 테스트 앱에 접근할 수 없습니다. Blogger 권한을 쓰는 외부·테스트 앱은 동의와 갱신 토큰이 7일 후 만료될 수 있습니다. 프로덕션 전환과 Google의 앱 검증 완료는 별개이며, 전환만으로 모든 검증 경고가 없어지지는 않습니다.

STEP 06

웹 애플리케이션 클라이언트를 만드세요

Google 인증 플랫폼 → 클라이언트 → 클라이언트 만들기

  1. 클라이언트 메뉴에서 클라이언트 만들기를 누릅니다.
  2. 애플리케이션 유형은 웹 애플리케이션을 선택합니다. B-Flow가 Chrome 확장이더라도 이 연결 방식에서는 웹 애플리케이션을 사용합니다.
  3. 이름에는 B-Flow를 입력합니다. 이 이름은 콘솔에서 구분하기 위한 이름입니다.
  4. 아직 만들기를 누르지 말고, 다음 단계에서 리디렉션 URI를 먼저 등록합니다.
웹 애플리케이션 클라이언트를 만드세요 화면
실제 애플리케이션 유형 목록. B-Flow는 웹 애플리케이션을 선택합니다.
이 상태면 다음 단계로웹 애플리케이션과 이름 B-Flow가 입력된 양식이 열려 있습니다.

B-Launcher에서 사용하던 데스크톱 앱이나 서비스 계정 키와 혼동하지 마세요. 이 문서는 현재 B-Flow 패널의 연결 방식입니다.

STEP 07

B-Flow의 URI를 그대로 등록하세요

B-Flow 설정 → 리디렉션 URI 복사 → Cloud의 승인된 리디렉션 URI

  1. B-Flow 패널의 설정 탭을 열고 리디렉션 URI 오른쪽 복사를 누릅니다.
  2. Google Cloud 양식 아래쪽의 승인된 리디렉션 URI에서 URI 추가를 누르고 복사한 값을 붙여넣습니다.
  3. 승인된 JavaScript 원본은 이 연결 과정에서는 비워 둡니다. 그 칸에 URI를 넣지 않습니다.
  4. 하단 Use this client for an AI-powered agent 체크는 이 B-Flow 연결 절차에서는 선택하지 않습니다. URI를 확인한 뒤 만들기를 누릅니다.
B-Flow의 URI를 그대로 등록하세요 화면
실제 미저장 양식. URI는 아래 리디렉션 항목에 입력하고 위 JavaScript 원본은 비워 둡니다.
이 상태면 다음 단계로https://로 시작해 .chromiumapp.org/로 끝나는 패널의 전체 주소와 Cloud의 값이 일치합니다.

캡처 주소를 직접 타이핑하기보다 본인 패널의 복사 버튼을 사용하세요. 끝의 /와 주소 중간 문자 하나까지 같아야 합니다. 설정이 반영되기까지 시간이 걸릴 수 있습니다.

STEP 08

ID와 보안 비밀을 B-Flow에 붙여넣으세요

Cloud 생성 완료 안내 → B-Flow 설정

  1. Cloud의 생성 완료 안내에서 클라이언트 ID와 클라이언트 보안 비밀을 각각 복사합니다. 생성 직후 확인할 수 있는 정보를 안전하게 보관합니다.
  2. 패널 ② 클라이언트 ID에는 .apps.googleusercontent.com으로 끝나는 값을 붙여넣습니다.
  3. 패널 ③ 클라이언트 보안 비밀에는 Cloud가 표시한 보안 비밀을 붙여넣습니다. 두 값을 바꾸어 넣지 않습니다.
  4. B-Flow에는 credentials.json 파일을 업로드하지 않습니다. 위 두 입력칸으로 연결합니다.
ID와 보안 비밀을 B-Flow에 붙여넣으세요 화면
B-Flow 1.0.72 실제 패널. 키는 빈 상태이며 블로그 이름은 설명용 예시입니다.
이 상태면 다음 단계로② ID와 ③ 보안 비밀 칸에 각각 올바른 값이 들어갔습니다.

이 가이드에는 실제 고객 키가 없습니다. 본인 값을 사용하고, 전체 키나 다운로드한 비밀 파일을 채팅·공개 캡처로 보내지 마세요. 기존 보안 비밀이 다시 표시되지 않으면 기존 키를 임의로 삭제하지 말고 발급 때 보관한 정보를 먼저 확인합니다.

STEP 09

Google 계정을 연결하고 블로그를 불러오세요

B-Flow 설정 → Google 계정 연결 → 내 블로그 불러오기

  1. 패널 ④ Google 계정 연결을 누릅니다. Blogger를 운영하는 Google 계정을 선택합니다.
  2. 동의 화면에서 앱 이름·계정·요청하는 Blogger 권한을 확인하고 동의합니다.
  3. 확인되지 않은 앱 안내가 나오면 본인이 방금 만든 프로젝트인지 먼저 확인합니다. 본인 앱인 경우에만 고급 등 화면에 제공된 계속 진행 경로를 확인합니다. 진행 경로 없이 차단되면 다음 오류 확인표를 보세요.
  4. 패널로 돌아와 ⑤ 내 블로그 불러오기를 누르고, ⑥ 발행할 블로그에서 원하는 블로그를 선택합니다.
Google 계정을 연결하고 블로그를 불러오세요 화면
④ 계정 연결 → ⑤ 블로그 불러오기 → ⑥ 블로그 선택 순서입니다.
이 상태면 다음 단계로연결 완료 안내와 내 블로그 목록이 보이고, 발행할 블로그를 선택할 수 있습니다.

아래 이미지는 연결 버튼 위치를 보여주는 연결 전 예시입니다. 완료 상태를 합성한 화면이 아닙니다. Blogger 이미지 업로드를 위해 같은 Chrome에서도 해당 Google 계정에 로그인해 두세요.

FINAL CHECK

여기까지 하면 연결 완료입니다

  • 상단에서 올바른 Google Cloud 프로젝트를 선택했다.
  • Blogger API가 사용 설정됐다.
  • 대상은 외부이며, 운영할 앱의 게시 상태를 확인했다.
  • OAuth 클라이언트 유형은 웹 애플리케이션이다.
  • 패널에서 복사한 URI를 승인된 리디렉션 URI에 등록했다.
  • 클라이언트 ID·보안 비밀을 각각 맞는 칸에 넣었다.
  • Blogger 작성 권한이 있는 계정을 연결했다.
  • 내 블로그 불러오기로 실제 발행할 블로그를 선택했다.

설정이 끝나면 제목 입력 → 원고 생성 → 검수 → 초안 저장 순서로 첫 글을 확인할 수 있습니다.

QUICK HELP

막혔을 때 확인하세요

403 access_denied · 액세스 차단됨

대상 → 게시 상태를 먼저 확인합니다. 테스트라면 실제 로그인할 이메일을 테스트 사용자에 추가합니다. 프로덕션 전환 여부도 확인합니다. 조직 관리자 정책이나 Google 검증 요구로 차단됐다면 그 안내에 따라 확인하며, 이 설정만으로 모든 차단이 풀리는 것은 아닙니다.

redirect_uri_mismatch

B-Flow 설정의 복사 버튼으로 URI를 다시 복사해 같은 OAuth 클라이언트의 승인된 리디렉션 URI와 비교합니다. 끝의 /, 확장 ID, 앞뒤 공백, 잘못된 입력칸 여부를 확인합니다.

invalid_client · 클라이언트 인증 실패

ID와 보안 비밀이 같은 클라이언트에서 발급한 한 쌍인지 확인합니다. 프로젝트·클라이언트를 바꾸어 복사하지 않았는지 확인한 뒤 정확한 값으로 연결합니다.

일주일쯤 뒤 연결이 풀림 · invalid_grant

대상이 외부·테스트 상태였는지 확인합니다. 운영 상태를 확인한 뒤 Google 계정 연결을 다시 진행합니다. 토큰은 사용자 철회 등 다른 이유로도 만료될 수 있습니다.

내 블로그 목록이 비어 있음

Blogger 관리자에 같은 계정으로 로그인해 블로그와 작성 권한이 있는지 확인합니다. Google 연결에서 Blogger 권한을 허용했는지, 프로젝트에서 Blogger API를 사용 설정했는지 확인한 뒤 목록을 다시 불러옵니다.

앱 게시를 했는데도 확인되지 않은 앱 안내가 나옴

프로덕션 게시 상태와 Google 앱 검증은 다릅니다. 앱·계정·요청 권한을 확인하고, Google에서 요구하는 검증·정책 절차가 있다면 그 절차를 따릅니다.

서비스 계정 JSON은 어디에 넣나요?

현재 B-Flow 연결은 OAuth 클라이언트 방식입니다. 서비스 계정 JSON 업로드 단계는 없습니다. 런처·시트 연동 등의 별도 설정 자료와 구분해서 보세요.

화면·내용 기준

Google Cloud 캡처는 실제 콘솔의 기존 프로젝트 및 저장하지 않은 새 입력 양식입니다. 캡처에 보이는 기존 프로젝트·앱 이름은 설명용이며, 본인 프로젝트를 사용합니다. 계정 이메일·비밀 키는 안내 이미지에 포함하지 않았습니다. B-Flow 패널은 별도 브라우저의 실제 확장에 설명용 블로그를 표시한 화면입니다.

이 문서를 만들기 위해 실제 프로젝트·클라이언트·키를 새로 생성하거나 게시 상태·권한을 바꾸지 않았습니다. 새 프로젝트 처음 구성 마법사와 Google 로그인·동의 완료 장면은 새로 촬영하지 않았으며, 해당 순서는 현재 공식 도움말과 제품 코드를 대조했습니다.

Blogger API 인증 방식 ↗Google 동의 화면·대상 설정 ↗게시 상태·테스트 사용자·7일 만료 ↗OAuth 연결과 토큰 만료 ↗

현재 B-Flow 소스: Extension/B-Extension/sidepanel.html · blogger.js

화면 크게 보기