Add kakao share button using SDK #555
Open
+176
−0
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Kakao SDK Behavior:
- SDK initialization (window.Kakao.init) is mandatory, making the createShareButton structure unsuitable.
- SDK is dynamically loaded via a <script> tag, requiring direct DOM access.
- Constraints:
- SDK Initialization: Requires a JavaScript Key issued by the Kakao Developer Console.
- URI Encoding: Kakao SDK performs internal encoding, so additional encoding is unnecessary.
- Domain Registration: Only URLs from domains registered in My Application > App Settings > Platform are allowed. Unregistered URLs result in a blank page.
- Image URL: Must use an external URL accessible by Kakao servers.
- Implementation:
- Utilized the sendDefault API to compose messages with objectType: 'feed':
- webUrl and mobileWebUrl: Links must belong to registered domains.
- buttonTitle: Sets the button text displayed within the KakaoTalk message.
- imageUrl: Requires an externally accessible URL for images.
- Sharing counts are not provided via API but can be viewed in the developer console's statistics.
- SDK load or initialization errors are logged using console.error without disrupting app execution.
- Additional Setup For Demo:
- Add vite-env.d.ts in the demo folder to define the VITE_KAKAO_JS_KEY type.
- Add .env file with VITE_KAKAO_JS_KEY to provide the required JavaScript Key.
Signed-off-by: zmrdltl <[email protected]>
🦋 Changeset detectedLatest commit: 9bcab03 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Resolve #512
Kakao SDK Behavior
window.Kakao.init) is mandatory, making thecreateShareButtonstructure unsuitable.<script>tag, requiring direct DOM access.Constraints
SDK Initialization: Requires a JavaScript Key issued by the Kakao Developer Console.
URI Encoding: Kakao SDK performs internal encoding, so additional encoding is unnecessary.
Domain Registration: Only URLs from domains registered in
My Application > App Settings > Platformare allowed. Unregistered URLs result in a blank page.Implementation
sendDefaultAPI to compose messages withobjectType: 'feed':webUrlandmobileWebUrl: Links must belong to registered domains.buttonTitle: Sets the button text displayed within the KakaoTalk message.imageUrl: Requires an externally accessible URL for images.Sharing counts are not provided via API but can be viewed in the developer console's statistics.
SDK load or initialization errors are logged using
console.errorwithout disrupting app execution.Additional Setup For Demo
vite-env.d.tsin thedemofolder to define theVITE_KAKAO_JS_KEYtype..envfile withVITE_KAKAO_JS_KEYto provide the required JavaScript Key.Share Example in Kakao Chat Platform
1. Choosing Friends or Chat room for share
2. After chosen
other people's view in chat room
Signed-off-by: zmrdltl [email protected]