Blogger에서 NewsAPI.org를 활용한 자동 뉴스 업데이트 방법

Blogger에서 NewsAPI.org를 활용한 자동 뉴스 업데이트 방법

안녕하세요, 노블레스 입니다.

원래는 블로그를 다시 시작하면서 일일이 정보들을 찾아서 무언가를 해야 한다는 강박이 있었습니다.

그런데 요즘이 어떤 시대 입니까? "대 AI의 시대" 이에 걸맞게 자동화 블로그를 해보고 싶어서 시도를 해보려고 합니다.

일단 단순하게 Blogger에 자동으로 뉴스를 올릴수 있는가를 찾아 보았습니다.

tistory는 더이상 자동으로 업데이트를 할수 없다고 하네요.

그래서 지난번에 만들어둔 Blogger에 해보기로 합니다. 

무료를 찾으신다면 NewsAPI.org를 활용하면 쉽게 해결할 수 있습니다.

이 글에서는 NewsAPI를 Blogger에 연동하여 뉴스 데이터를 자동으로 업데이트하는 방법을 단계별로 설명합니다.

---

1. NewsAPI.org API 키 발급하기

먼저, NewsAPI.org에서 API 키를 발급받아야 합니다.

API 키 발급 절차

1. NewsAPI.org 공식 사이트에 접속합니다.
2. 회원가입 후 로그인합니다.
3. "Get API Key" 버튼을 눌러 API 키를 발급받습니다.

💡 기본적으로 무료 플랜은 개발 및 테스트용으로 사용되며, 일부 기능이 제한될 수 있습니다.

---

2. Blogger에서 API 데이터 불러오기

Blogger는 기본적으로 외부 API 데이터를 직접 호출할 수 없으므로 Google Apps Script를 활용하여 데이터를 가져오고 HTML로 변환하는 방식을 사용합니다.

Google Apps Script 설정

1. Google Drive에서 새 Google Apps Script 프로젝트를 생성합니다.
2. 아래 코드를 Code.gs 파일에 붙여넣습니다.

function getNewsFromAPI() {
    var apiKey = "YOUR_NEWSAPI_KEY"; // 발급받은 API 키 입력
    var query = "Crypto"; // 원하는 검색어
    var url = "https://newsapi.org/v2/everything?q=" + encodeURIComponent(query) + "&apiKey=" + apiKey;
    
    var response = UrlFetchApp.fetch(url);
    var json = JSON.parse(response.getContentText());
    
    var newsHtml = "

📰 최신 뉴스

"; json.articles.forEach(function(article) { newsHtml += `
• ${article.title} - ${article.source.name}
`; }); newsHtml += "

";
    return newsHtml;
}

1. 웹 앱으로 배포하기 위해,
   • Deploy → New Deployment를 선택합니다.
   • **"Web App"**을 선택하고, Anyone can access로 설정합니다.
   • 배포 후 생성된 URL을 복사합니다.

---

3. Blogger에 자동 뉴스 표시하기

Blogger에 iframe 삽입

Blogger에서 자동으로 업데이트된 뉴스를 표시하려면, HTML/JavaScript 위젯을 활용하여 배포한 웹 앱을 불러옵니다.

1. Blogger 관리자 페이지에서 테마 → HTML 편집을 엽니다.
2. 뉴스 위젯을 추가하고, 아래 코드를 입력합니다.

<iframe src="YOUR_DEPLOYED_WEB_APP_URL" width="100%" height="400px"></iframe>

🔥 이제 블로그를 방문하면 NewsAPI에서 가져온 최신 뉴스가 자동으로 표시됩니다!

---

4. 자동화 설정 (Google Apps Script 트리거 사용)

매일 자동으로 뉴스가 업데이트되도록 Google Apps Script에서 트리거를 설정할 수 있습니다.

트리거 설정 방법

1. Google Apps Script 편집기에서 "Edit" → "Current project's triggers" 선택
2. 새 트리거 추가
   • 함수 선택: getNewsFromAPI
   • 실행 시간: 매일 1회 또는 원하는 주기로 설정
   • 저장 후 적용

이제 매일 자동으로 새로운 뉴스가 블로그에 업데이트됩니다! 

---

마무리

위의 방법으로 열심히 만들고 있습니다. 중간에 막히는 부분들이 있는데 일단 구글 클라우드 콘솔을 이용하는 방법도 도전하고 있습니다. 지피디가 알려주는대로 하는데 시행착오가 있을수 있습니다.

다음에 도전성공 후 돌아오겠습니다.

요약

✅ NewsAPI.org에서 API 키 발급하기
✅ Google Apps Script로 API 데이터 가져오기
✅ 웹 앱 배포 후 Blogger에서 iframe으로 표시
✅ 트리거를 설정하여 자동 업데이트