<div id="readability-page-1" class="page"><div><h2 id="준비사항">준비사항</h2>
카카오 공유하기 <a href="https://developers.kakao.com/docs/latest/ko/sdk-download/js">JavaScript SDK V2</a>가 연동된 웹 (주의: V1은 동작안함)
저는 웹으로 이것을 사용합니다. 
AWS S3에 배포한 kakao 공유하기 예제 (vue2) - <a href="http://kakao-share.s3-website.ap-northeast-2.amazonaws.com/">http://kakao-share.s3-website.ap-northeast-2.amazonaws.com/</a>
<img src="https://velog.velcdn.com/images/skyepodium/post/ad440885-6c57-4f3d-b645-76e4fe583d19/image.png">
<blockquote>
kotlin 프로젝트 생성부터 최소한의 코드 진행합니다.
<ul>
<li>참고사항: <a href="https://developers.kakao.com/docs/latest/ko/getting-started/sdk-js#open-pop-up">카카오 android 하이브리드 앱 가이드</a> - kotlin (java는 없습니다.)</li>
</ul>
</blockquote>
<h2 id="1-android-스튜디오-프로젝트-생성">1. android 스튜디오 프로젝트 생성</h2>
<h3 id="1-empty-activty-클릭">1) empty activty 클릭</h3>
<img src="https://velog.velcdn.com/images/skyepodium/post/51bdf08f-76f7-464f-8d6e-437bef41b828/image.png">
<h3 id="2-kotlin-선택">2) kotlin 선택</h3>
<img src="https://velog.velcdn.com/images/skyepodium/post/899b73d7-e985-43c4-8c13-111729762c56/image.png">
<h2 id="2-activity_mainxml">2. activity_main.xml</h2>
경로: /src/main/res/layout/activity_main.xml
우측 상단 Code 버튼 클릭 
<img src="https://velog.velcdn.com/images/skyepodium/post/0a80a061-d44a-4eb3-a2b7-e982ab67a39f/image.png">
다음 내용 입력
<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity"
 android:orientation="vertical"&gt;

 &lt;WebView
 android:id="@+id/webview"
 android:layout_width="match_parent"
 android:layout_height="match_parent" /&gt;
&lt;/LinearLayout&gt;</code></pre>
<h2 id="3-manifestxml">3. manifest.xml</h2>
다음 2개를 입력합니다.
<pre><code>android:usesCleartextTraffic="true"
&lt;uses-permission android:name="android.permission.INTERNET"/&gt;</code></pre>
전체 코드
<pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"&gt;

 &lt;application
 android:allowBackup="true"
 android:dataExtractionRules="@xml/data_extraction_rules"
 android:fullBackupContent="@xml/backup_rules"
 android:icon="@mipmap/ic_launcher"
 android:label="@string/app_name"
 android:roundIcon="@mipmap/ic_launcher_round"
 android:supportsRtl="true"
 android:theme="@style/Theme.Kakaoshare"
 android:usesCleartextTraffic="true"
 tools:targetApi="31"&gt;
 &lt;activity
 android:name=".MainActivity"
 android:exported="true"&gt;
 &lt;intent-filter&gt;
 &lt;action android:name="android.intent.action.MAIN" /&gt;

 &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
 &lt;/intent-filter&gt;

 &lt;meta-data
 android:name="android.app.lib_name"
 android:value="" /&gt;
 &lt;/activity&gt;
 &lt;/application&gt;

 &lt;uses-permission android:name="android.permission.INTERNET"/&gt;
&lt;/manifest&gt;</code></pre>
<h2 id="4-mainactivitykt">4. MainActivity.kt</h2>
웹을 로드합니다.
<pre><code>package com.example.kakaoshare

import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebView

class MainActivity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?) {
 super.onCreate(savedInstanceState)
 setContentView(R.layout.activity_main)

 val myWebView: WebView = findViewById(R.id.webview)

 // 웹뷰 자바스크립트 허용
 myWebView.settings.javaScriptEnabled = true

 // 웹뷰 로드
 myWebView.loadUrl("http://kakao-share.s3-website.ap-northeast-2.amazonaws.com/")
 }
}</code></pre>
<h2 id="5-확인">5. 확인</h2>
정확히는 모르겠으나
JS SDK V2를 사용하니까 네이트브 앱 설정 없이 하이브리드 앱에서 바로 공유가능한듯 합니다. 
<img src="https://velog.velcdn.com/images/skyepodium/post/f79ef457-bce6-4c35-9561-b18004a68372/image.png">
<h2 id="6-사용한-코드">6. 사용한 코드</h2>
android 저장소 - <a href="https://github.com/skyepodium/kakao-share-hybrid-app-android">https://github.com/skyepodium/kakao-share-hybrid-app-android</a> 
vue 저장소 - <a href="https://github.com/skyepodium/kakao-share">https://github.com/skyepodium/kakao-share</a></div></div>

skyepodium.log

준비사항
카카오 공유하기 JavaScript SDK V2가 연동된 웹 (주의: V1은 동작안함)
저는 웹으로 이것을 사용합니다. 
AWS S3에 배포한 kakao 공유하기 예제 (vue2) - http://kakao-share.s3-website.ap-northeast-2.amazonaws.com/
kotlin 프로젝트 생성부터 최소한의 코드 진행합니다.
참고사항: 카카오 android 하이브리드 앱 가이드 - kotlin (java는 없습니다.)
1. android 스튜디오 프로젝트 생성
1) empty activty 클릭
2) kotlin 선택
2. activity_main.xml
경로: /src/main/res/layout/activity_main.xml
우측 상단 Code 버튼 클릭
다음 내용 입력
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:app="http://schemas.android.com/apk/res-auto"
 xmlns:tools="http://schemas.android.com/tools"
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 tools:context=".MainActivity"
 android:orientation="vertical">
 <WebView
 android:id="@+id/webview"
 android:layout_width="match_parent"
 android:layout_height="match_parent" />
</LinearLayout>
3. manifest.xml
다음 2개를 입력합니다.
android:usesCleartextTraffic="true"
<uses-permission android:name="android.permission.INTERNET"/>
전체 코드
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools">
 <application
 android:allowBackup="true"
 android:dataExtractionRules="@xml/data_extraction_rules"
 android:fullBackupContent="@xml/backup_rules"
 android:icon="@mipmap/ic_launcher"
 android:label="@string/app_name"
 android:roundIcon="@mipmap/ic_launcher_round"
 android:supportsRtl="true"
 android:theme="@style/Theme.Kakaoshare"
 android:usesCleartextTraffic="true"
 tools:targetApi="31">
 <activity
 android:name=".MainActivity"
 android:exported="true">
 <intent-filter>
 <action android:name="android.intent.action.MAIN" />
 <category android:name="android.intent.category.LAUNCHER" />
 </intent-filter>
 <meta-data
 android:name="android.app.lib_name"
 android:value="" />
 </activity>
 </application>
 <uses-permission android:name="android.permission.INTERNET"/>
</manifest>
4. MainActivity.kt
웹을 로드합니다.
package com.example.kakaoshare
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
import android.webkit.WebView
class MainActivity : AppCompatActivity() {
 override fun onCreate(savedInstanceState: Bundle?) {
 super.onCreate(savedInstanceState)
 setContentView(R.layout.activity_main)
 val myWebView: WebView = findViewById(R.id.webview)
 // 웹뷰 자바스크립트 허용
 myWebView.settings.javaScriptEnabled = true
 // 웹뷰 로드
 myWebView.loadUrl("http://kakao-share.s3-website.ap-northeast-2.amazonaws.com/")
 }
}
5. 확인
정확히는 모르겠으나
JS SDK V2를 사용하니까 네이트브 앱 설정 없이 하이브리드 앱에서 바로 공유가능한듯 합니다.
6. 사용한 코드
android 저장소 - https://github.com/skyepodium/kakao-share-hybrid-app-android
vue 저장소 - https://github.com/skyepodium/kakao-share

[하이브리드 앱 - android] 카카오 공유하기 - 웹뷰에서 메시지 보내기

댓글