개발자의 끄적끄적

[공유] 네이버 밴드 공유(https://developers.band.us/developers/docs/share) [펌] 본문

개발

[공유] 네이버 밴드 공유(https://developers.band.us/developers/docs/share) [펌]

효벨 2020. 3. 13. 03:00
728x90
반응형

[공유] 네이버 밴드 공유(https://developers.band.us/developers/docs/share) [펌]

 

 

자료출처 : https://developers.band.us/developers/docs/shareViewer
자세한 사항은 https://developers.band.us/developers/docs/shareViewer 에 접속해서 확인해보세요

 

밴드 공유 버튼 사용 방법

1. 모바일 환경에서 밴드 앱 호출하기

  • 1) 밴드 공유 버튼을 터치합니다.
  • 2) 밴드 앱이 설치되어 있으면 밴드 앱이 실행되어, 공유할 밴드를 선택할 수 있습니다.
  • 3) 링크와 함께 포스팅할 내용을 수정할 수 있습니다.
  • 4) 포스팅을 완료합니다.
  •  

2. PC 웹 환경에서 밴드 Dialog 열기

  • 1) 밴드 공유 버튼을 터치합니다.
  • 2) ‘내 밴드에 글쓰기’ 팝업 Dialog가 열리면, 밴드에 로그인합니다.
  • 3) 공유할 밴드를 선택하고, 링크와 함께 포스팅할 내용을 수정할 수 있습니다.
  • 4) 포스팅을 완료합니다.

 

 

 

밴드 공유 버튼 붙이기

 

1. 버튼 유형 선택

 

 

 

 

 

 

2. 공유할 텍스트 선택

  •  페이지 제목 + URL

  •  사용자 정의

     

    + URL

3. 미리보기 및 코드 복사

버튼 미리보기소스코드

   


미리보기 및 코드 복사 => 페이지 제목 + URL :

1

2

3

4

5

6

<span>

    <script type="text/javascript" src="//developers.band.us/js/share/band-button.js?v=20150102"></script>

    <script type="text/javascript">

    new ShareBand.makeButton({"lang":"ko","type":"a"}  );

    </script>

</span>

 

미리보기 및 코드 복사 => 사용자 정의 :

1

2

3

4

5

6

<span>

    <script type="text/javascript" src="//developers.band.us/js/share/band-button.js?v=20150102"></script>

    <script type="text/javascript">

    new ShareBand.makeButton({"lang":"ko","type":"a","text":"","withUrl":true}  );

    </script>

</span>

 

밴드 공유 버튼 인터페이스 명세

밴드 공유 버튼은 모바일 환경 뿐 아니라, PC웹 환경에서도 쉽게 구현할 수 있는 인터페이스가 마련되어 있습니다.

 

1. 모바일 환경에서 밴드 앱 호출하기

bandapp://create/post?text=<문자열>&route=<서비스 도메인>

#파라미터값설명

1 text 문자열 밴드 포스트 내용 문자열 (UTF-8 percent encoded text)
2 route *.*.* 서비스 도메인

 

Example 1 @Android

1

2

3

4

5

6

7

8

9

10

11

12

13

14

try {

    PackageManager manager = context.getPackageManager();

    Intent i = manager.getLaunchIntentForPackage("com.nhn.android.band");

} catch (PackageManager.NameNotFoundException e) {

    // 밴드앱 설치되지 않은 경우 구글 플레이 설치페이지로 이동

    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse("market://details?id=com.nhn.android.band"));

    activity.startActivity(intent);

    return; 

}

String serviceDomain = "www.bloter.net"; //  연동 서비스 도메인

String encodedText = "%ED%85%8C%EC%8A%A4%ED%8A%B8+%EB%B3%B8%EB%AC%B8"; // 글 본문 (utf-8 urlencoded)

Uri uri = Uri.parse("bandapp://create/post?text" + encodedText + "&route=" + serviceDomain);

Intent intent = new Intent(Intent.ACTION_VIEW, uri);

activity.startActivity(intent);


Example 2 @iOS 

1

2

3

4

5

6

7

8

9

10

11

BOOL isBandInstalled = [[UIApplication sharedApplication] canOpenURL:[NSURL URLWithString:@"bandapp://"]];

 if(!isBandInstalled) {

     [[UIApplication sharedApplication] openURL:[NSURL URLWithString:@"itms-apps://itunes.apple.com/app/id542613198"]]; // 앱스토어 밴드 바로가기

     return;

 }

 NSString *serviceDomain = @"www.bloter.net";

 NSString *text = @"글 내용";

 NSString *percentEncodedText = (NSString*)CFBridgingRelease(CFURLCreateStringByAddingPercentEscapes(kCFAllocatorDefault, (CFStringRef)text, NULL, (CFStringRef)@"!*'();:@&=+$,/?%#[]",kCFStringEncodingUTF8));

 NSString *urlString = [NSString stringWithFormat:@"bandapp://create/post?text=%@&route=%@", percentEncodedText, serviceDomain];

 

 [[UIApplication sharedApplication] openURL:[NSURL URLWithString:urlString]];


밴드앱 설치 URLAndroid 밴드앱market://details?id=com.nhn.android.bandVieweriOS 밴드앱itms-apps://itunes.apple.com/app/id542613198Viewer

 

2. PC 웹 환경에서 밴드 Dialog 열기

http://www.band.us/plugin/share?body=<문자열>&route=<서비스 도메인>

#파라미터값설명

1 body 문자열 밴드 포스트 내용 문자열 (UTF-8 percent encoded text)
2 route *.*.* 서비스 도메인

Example

window.open("http://www.band.us/plugin/share?body=hello&route=www.bloter.net", "share_band", "width=410, height=540, resizable=no");

 

 

출처 : http://chongmoa.com/mobile/2974

반응형
Comments