@gdin/szgw-libs
v0.0.2
Published
数字广物工具库
Downloads
5
Readme
szgw-libs
数字广物工具库
sdk
App 端与 Web 端通讯的 js sdk 库widget
PC 浮窗小组件
sdk
数字广物专窗 - App 端与 Web 端通讯的 js sdk 库
使用
1. npm 方式
yarn add @gdin/szgw-libs
import { sdk } from '@gdin/szgw-libs';
// ......
sdk.getVersion();
2. script 引入
<script src="http://gdin.com.cn/szgw-libs/sdk.min.js"></script>
默认是最新版本,亦可引入指定某个版本,如:
<script src="http://gdin.com.cn/szgw-libs/0.0.1/sdk.min.js"></script>
使用script
加载sdk
插件后,会默认挂载到window.szgwSdk
上,如:
window.szgwSdk.getVersion();
API 方法
| 名称 | 说明 | 类型 |
| --- | --- | --- |
| getVersion | 获取版本信息 | () => [android/ios, version] |
| isInApp | 是否在 APP 内 | () => boolean |
| getToken | 获取登录凭证 | () => Promise<{ token: string; expire: number }> |
| getNetworkStatus | 获取网络状态 | () => Promise<NetworkState> |
| on | 监听 APP 事件 | (event: Event, callback: (data) => void
) => void |
| off | 取消监听 | (event: Event) => void |
@TODO
更多 api 还在开发中......
Event 事件监听
注:多次监听同一事件,只会处理最后一次的监听事件
| 名称 | 说明 | 返回值 | | ------------- | ------------ | -------------------------------------- | | networkStatus | 网络状态变化 | NetworkState |
@TODO
更多事件监听还在开发中......
NetworkState 网络状态
| 参数 | 说明 | 类型 |
| ------------------- | ----------------- | ----------------------- |
| isConnected | 有网络连接 | boolean
| null
|
| isInternetReachable | 可以访问 Internet | boolean
| null
|
| networkType | 网络类型 | string
| null
|
networkType
的值有:
wifi
、2g
、3g
、4g
、5g
、unknown
、none
widget
数字广物专窗 - 快捷应用
浮窗小组件
使用
1. npm 方式
yarn add @gdin/szgw-libs
import { widget } from '@gdin/szgw-libs';
// ......
widget.initialize(options);
2. script 引入
<script src="http://gdin.com.cn/szgw-libs/widget.min.js"></script>
<!-- 样式文件 -->
<link rel="stylesheet" href="http://gdin.com.cn/szgw-libs/widget.min.css" />
默认是最新版本,亦可引入指定某个版本,如:
<script src="http://gdin.com.cn/szgw-libs/0.0.1/widget.min.js"></script>
使用script
加载widget
插件后,会默认挂载到window.szgwWidget
上,如:
window.szgwWidget.initialize(options);
API
| 名称 | 说明 | 类型 |
| --- | --- | --- |
| initialize | 初始化,创建组件实例 | (options: InitializeParams) => void |
| run | 加载组件,manual=true
时,需先调用此方法才会显示浮窗小图标 | (options?: InitializeParams) => void |
| show | 显示浮窗主体内容 | () => void |
| hide | 关闭浮窗 | () => void |
InitializeParams
| 参数 | 说明 | 类型 | 默认值 |
| --- | --- | --- | --- |
| username | 用户名,必传
| string | |
| manual | 初始化完成后,是否手动加载组件,默认自动加载 | boolean | false
|
| url | 浮窗主体 iframe 加载的网页地址 | string | http://portal.gdwz.com/#/widget
|