Installation

To install using Package Manager

Wepin Widget Javascript SDK can be installed an an npm package.

This package can only be used in web environment. It cannot be used in Android or iOS hybrid apps (Webview).

Enter the following npm install command in the terminal.

npm install @wepin/widget-sdk

Once the installation is complete, you can confirm that it has been added to the "dependencies" section in the package.json file.

{
  "name": "wepin-widget-test-app",
  "version": "1.0.0",
  "description": "Wepin Widge Test App"
  "main": "app.js",
  "author": "[email protected]",
  "dependencies": {
    "@wepin/widget-sdk": "^1.0.0"
  }
}

Once the installation is complete, you can prepare to use Wepin by inserting your App ID and App Key and calling the init function as shown below.

// 1. import SDK
import '@wepin/widget-sdk'
const testAppKey = 'ak_test_ghq1D5s1sfG234sbnhdsw24mnovk313' // Test App Key
const testAppId = 'app_id_eg12sf3491azgs520' // Test App ID
// 2. Initialize
const Wepin = window.Wepin
const wepin = await Wepin.init( 
  testAppId,
  testAppKey  
)

To install using `<script>` Tag

Add the JavaScript file to the HTML page where you want to integrate the Wepin widget.

Once the script is loaded, a Wepin object is created in the global object (window), and you can use this object to proceed with initialization.

<head>
  <title>Connect WEPIN<title>
  <!-- 1. Add Script -->
  <script src="https://cdn.jsdelivr.net/npm/@wepin/[email protected]/dist/wepin-widget-sdk.min.js" defer async></script>
</head>
<script>
  const testAppKey = 'ak_test_ghq1D5s1sfG234sbnhdsw24mnovk313' // Test App Key 
  const testAppId = 'app_id_eg12sf3491azgs520' // Test App ID
  // 2. Initialize
  const wepin = await Wepin.init( 
    testAppId,
    testAppKey
  )
</script>

PreviousSDK NextInitialization

Last updated 1 year ago

Was this helpful?

hashtagTo install using Package Manager

hashtagTo install using <script> Tag

To install using Package Manager

To install using `<script>` Tag