[STEP4] 위젯 로드하기

[STEP2] 위젯 설정하기에서 생성한 URL과 [STEP3] WG 상품 인증 키 발급 및 활용의 인증 키를 활용하여 위젯을 로드하는 방법을 확인합니다.

(1) URL 만들기

웹뷰에 로드하려는 위젯 Path를 선택하고 위젯 도메인인 https://ux-solution.waiker.ai 뒤에 붙여 URL을 만들어 줍니다.

예) https://ux-solution.waiker.ai/insider-trading

위젯	페이지 이름	Path
내부자 거래	홈	/insider-trading
	검색	/insider-trading/search
	거래 상세	/insider-trading/transaction/{id}
	종목 상세	/insider-trading/stock/{ticker}
	종목 상세 미니 (헤더, AI 브리핑 제거)	/insider-trading/stock-mini/{ticker}

(2) URL 쿼리 스트링에 Product-Key와 JWT 토큰을 붙여 웹뷰로 실행하기

예) https://ux-solution.waiker.ai/insider-trading?product-key=YOUR_KEY&jwt=YOUR_JWT

Key	required	Value Type	Default Value	설명
product-key	O	string	Null	위젯 접근 프러덕트 키
jwt	O	string	Null	위젯 접근 JWT

(3) 위젯 스타일 커스터마이징 하기

[STEP2] 위젯 설정하기에서 위젯 커스터마이징을 하지 못했다면 URL 쿼리 스트링으로 커스터마이징 하실 수 있습니다.

예) https://ux-solution.waiker.ai/insider-trading?product-key=YOUR_KEY&jwt=YOUR_JWT&currency=USD&country=US&show-header=true

Key	required	Value Type	Default Value	설명
anonym-id	X	string	Null	고유 유저 키(관심종목 등)
color-theme	X	'dark' | 'light' | 'system'	'light'	다크모드 유무
custom-style	X	'default'	'default'	회사별 커스텀 스타일
currency	X	'USD' | 'KRW'	'KRW'	화폐 종류
country	X	'US' | 'KR'	'US'	국가 거래소 종류
language	X	'en' | 'ko'	'ko'	언어 종류
show-header	X	boolean	'true'	위젯 별 헤더의 노출 유무
show-buy-sell-button	X	boolean	'false'	위젯 하단의 매수/매도 버튼 노출 유무

특정 페이지에만 적용되는 커스터마이징도 제공합니다. 목록을 열람하고 원하는 옵션을 선택해서 URL 쿼리 스트링으로 추가합니다.

Path	Key	required	Value Type	Default Value	설명
news/{id}	news-ticker	X	string	Null	집중 종목 설정
news/{id}	news-country	X	'US' | 'KR'	Null	집중 종목 설정

(4) 완성된 URL을 웹뷰에서 로드하고 서비스하기

아래 웹뷰 연동 예시를 확인해주세요.

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

class MainActivity : AppCompatActivity() {

    private lateinit var webView: WebView

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

        webView = findViewById(R.id.webview)
        webView.loadUrl("https://ux-solution.waiker.ai/insider-trading?product-key=YOUR_KEY&jwt=YOUR_JWT")
    }
}

import UIKit
import WebKit

class ViewController: UIViewController {
    var webView: WKWebView!

    override func loadView() {
        webView = WKWebView()
        webView.navigationDelegate = self
        view = webView
    }

    override func viewDidLoad() {
        super.viewDidLoad()

        let url = URL(string: "https://ux-solution.waiker.ai/insider-trading?product-key=abcde&jwt=abcde")!
        webView.load(URLRequest(url: url))
    }
}