네이버 단축 URL 플러그인 naver short URL Plugin

중요 공지

“버블박스”가 “노코더스”라는 이름으로 변경됐어요

현재 사이트는 더 이상 운영하지 않으니 노코더스 사이트로 이동해주세요

노코더스 ㅣ 노코드 툴, 버블 시작하기

개발 없이 나만의 서비스를 만드는 방법! 노코드 툴, 버블을 노코더스에서 차근차근 시작하세요.

https://nocoders.kr/

한 줄 요약

네이버 API를 활용해 shortURL을 생성하는 플러그인입니다.

컨택 및 제안

bubbleboxerofficial@gmail.com

노코드 마스터로 거듭나기

아래 목차를 클릭해 필요한 부분으로 바로 이동할 수 있습니다.

a. naver shortURL_request

Tutorial

1. 환경 설정하기

2. URL 단축하기

버블박스를 운영하는 페임리가 궁금하다면? If you're curious about FameLee?

페임리 알아보기 (Who is Famelee?)

인스타 팔로우하기 (Follow Instagram)

Intro

1. Why

버블의 페이지 URL에서 맨 마지막 path로 record의 id 값이 들어갑니다. 이때 id 값의 길이가 매우 길어서 해당 URL을 유저들에게 공유하는 게 쉽지 않습니다. 예를 들어, 아래는 product 페이지에서 “1712493691555x560125361384467460”라는 id 값을 호출한 페이지의 URL 입니다. 이렇게 긴 URL은 유저의 공유 경험에서도 좋지 않습니다.

(ex) https://bubblebox.bubbleapps.io/product/1712493691555x560125361384467460

네이버 개발자 사이트에서 긴 URL을 짧은 URL로 바꿔주는 단축 URL API를 지원합니다. 해당 기능을 이용하면, 복잡하고 긴 URL을 짧게 줄여서 편하게 공유할 수 있습니다.

2. ChangeLog

1.0.0

•

단축 URL 생성하기

Core

1. Instruction

본 플러그인을 사용하려면 네이버 API 등록이 필요합니다. 해당 페이지의 [튜토리얼]에서 관련 정보를 확인할 수 있습니다.

2. Related Docu

플러그인 페이지

naver shortURL (네이버 단축 URL) Plugin for Bubble, by famelee's bubblebox

naver shortURL (네이버 단축 URL) Plugin page on Bubble, by famelee's bubblebox. Add naver shortURL (네이버 단축 URL) in one click to your app. Bubble lets you build web apps without any code.

https://bubble.io/plugin/naver-shorturl-네이버-단축-url-1712580967346x609220298466918400

데모 링크

Bubble - Visual Programming

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://bubblebox-64217.bubbleapps.io/version-test/plugin_naver_shorturl/#s0

에디터 링크

Bubble Editor - bubblebox

Build stuff without code and launch a startup without a tech-cofounder! Bubble is a visual programing language. Instead of typing code, use a visual editor to build applications.

https://bubble.io/page?type=page&name=plugin_naver_shorturl&id=bubblebox-64217&tab=tabs-1

3. Action

a. naver shortURL_request

긴 URL을 짧은 URL로 변환합니다.

Input

field	type	Required	설명
X-Naver-Client-Id	str		등록한 네이버 어플리케이션의 client Id를 [플러그인] 설정 페이지에서 입력해야 합니다.
X-Naver-Client-Secret	str		등록한 네이버 어플리케이션의 secret Key를 [플러그인] 설정 페이지에서 입력해야 합니다.
url	str		원본 URL을 입력합니다. 해당 URL이 짧은 URL로 변환됩니다.

return

•

original URL : https://bubblebox.kr

•

short URLl : https://me2.do/FENbuIH5

field	type	설명
hash	str	단축 URL의 해시 정보
url	str	단축된 URL
orgUrl	str	원본 URL
code	str	HTTP 상태 코드
message	str	오류 메시지. 응답에 성공하면 ok를 반환합니다.

Tutorial

1. 환경 설정하기

네이버 API에서 shortURL API를 제공합니다. 해당 플러그인은 네이버 API를 기반으로 합니다. 이를 사용하기 위해 아래 조건을 모두 준비해야 합니다.

네이버 어플리케이션 등록 및 shortURL API 신청

웹 환경 등록

client Key와 secret Key 설정

네이버 어플리케이션 등록 및 shortURL API 신청

네이버 개발자 계정에 들어가 네이버 API 계정을 등록하고, 어플리케이션을 등록합니다.

NAVER Developers

네이버 오픈 API들을 활용해 개발자들이 다양한 애플리케이션을 개발할 수 있도록 API 가이드와 SDK를 제공합니다. 제공중인 오픈 API에는 네이버 로그인, 검색, 단축URL, 캡차를 비롯 기계번역, 음성인식, 음성합성 등이 있습니다.

https://developers.naver.com/main/

애플리케이션 등록 시, [사용 API]에 단축 URL을 선택해야 합니다.

웹 환경 등록

생성한 애플리케이션을 클릭하고 [API 설정] 탭에 들어갑니다.

[비로그인 오픈 API 서비스 환경] 섹션에서 [WEB 설정]을 추가하고, 버블로 만든 서비스의 URL을 입력합니다.

client Key와 secret Key 발급

생성한 애플리케이션을 클릭하고 [개요] 탭에 들어가면, client Id와 client Secret 을 확인할 수 있습니다.

각각의 값을 버블 에디터의 [플러그인] 탭에서 입력합니다.

•

[Client ID] → [X-Naver-Client-id]

•

[Client Secret] → [X-Naver-Client-Secret]

2. URL 단축하기

워크플로우에서 플러인이 제공하는 [naver shortURL] 액션을 생성합니다. [url] 필드에 단축하고자 한 원본 URL을 입력합니다.

그러면 액션의 결과 값 중에서 [url]로 단축된 URL을 확인할 수 있습니다.

field	type	설명
hash	str	단축 URL의 해시 정보
url	str	단축된 URL
orgUrl	str	원본 URL
code	str	HTTP 상태 코드
message	str	오류 메시지. 응답에 성공하면 ok를 반환합니다.