openatc-components 0.0.2 → 0.0.3

package/src/lib/publicjs/KissApi.js

@@ -0,0 +1,156 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+import {
+  HttpUrlMgr
+} from './HttpurlMgr'
+import axios from 'axios'
+import * as localStorge from './localStorage'
+import { removeToken } from '../../utils/auth'
+
+export const getAxios = () => {
+  return axios
+}
+
+export class KissApi {
+  constructor (key) {
+    this.key = key
+    this.urlMgr = HttpUrlMgr
+    this.headerInfo = {}
+    this.defaultParam = JSON.parse('{}')
+  }
+  /*
+  获取服务器地址 需要在storage中设置 key=host的value
+  */
+  GetHost () {
+    return localStorge.getStorage('host')
+  }
+
+  /*
+  获取token 需要在storage中设置  key=token的value
+  */
+  GetToken () {
+    return localStorge.getStorage('token')
+  }
+
+  /*
+  获取username 需要在storage中设置  key=user_name的value
+  */
+  GetSimuUserKey () {
+    return localStorge.getStorage('simu_key')
+  }
+
+  createAxios () {
+    // 创建axios实例
+    const service = axios.create()
+    return service
+  }
+
+  /*
+  @brief 发送http请求
+  @param[in] param 添加到url中的参数json
+  @param[in] data 添加到body中的参数json
+  @param[in] urlParamList 添加在url中的动态参数 ['1', 'states'] 则 host/url/1/states?params...
+  @param[in, out] 回调函数 是否成功及返回的数据 function(bool, json)
+  @param[in] hasToken 是否使用token
+  @param[in] isFile 是否为文件格式
+  @return 成功调用 返回promise对象可以用.then关联回调 失败返回undefine
+  */
+  Send (param, data, urlParamList = [], hasToken = true, isFile = false) {
+    let host = this.GetHost()
+    if (host === undefined) {
+      console.log('host is empty')
+      return undefined
+    }
+    if (hasToken) {
+      let token = this.GetToken()
+      if (token === undefined) {
+        console.log('token is empty')
+        return undefined
+      }
+      this.headerInfo.Authorization = token
+      if (isFile) {
+        this.headerInfo['Content-Type'] = 'multipart/form-data'
+      }
+    }
+
+    // headerInfo['Simukey'] = this.GetSimuUserKey()
+
+    let urlInfo = this.urlMgr.GetUrlInfo(this.key)
+    if (urlInfo === undefined) {
+      console.log('urlinfo is empty')
+      return undefined
+    }
+    let apiUrl = urlInfo.url
+    for (let item of urlParamList) {
+      apiUrl += '/'
+      apiUrl += item
+    }
+    const config = {
+      baseURL: host,
+      url: apiUrl,
+      method: urlInfo.method,
+      headers: this.headerInfo,
+      timeout: 1000 * 60,
+      data: data,
+      params: this._assingJson(param, this.defaultParam)
+    }
+    const service = this.createAxios()
+    // 响应错误拦截
+    if (apiUrl !== '/auth/login') {
+      this.responseInterception(service)
+    }
+    return service({...config})
+  }
+
+  responseInterception (service) {
+    // respone拦截器
+    service.interceptors.response.use(
+      response => {
+      /**
+      * success === false就抛错
+      */
+        const res = response.data
+        if (!res.success) {
+          this.handleErrorMechanism(res)
+          return response
+        } else {
+          return response
+        }
+      },
+      error => {
+        console.log(error)
+      }
+    )
+  }
+
+  handleErrorMechanism (res) {
+    // 全局api错误拦截机制
+    if (res.code === '3013' || res.code === '3015') {
+      removeToken()
+      location.reload()
+    }
+  }
+
+  _assingJson (json1, json2) {
+    if (JSON.stringify(json1) === '{}') return json2
+    if (JSON.stringify(json2) === '{}') return json1
+    return JSON.parse((JSON.stringify(json1) + JSON.stringify(json2)).replace(/}{/, ','))
+  }
+}
+
+export class SimuApi extends KissApi {
+  constructor (key, simuId) {
+    super(key)
+    this.defaultParam['scenestype'] = 'simu'
+    this.defaultParam['scenesid'] = simuId
+  }
+}

package/src/lib/publicjs/KissWSSub/Heartcheck.js

@@ -0,0 +1,128 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/**
+ * `WebsocketHeartbeatJs` constructor.
+ *
+ * @param {Object} opts
+ * {
+ *  url                  websocket链接地址
+ *  pingTimeout 未收到消息多少秒之后发送ping请求，默认15000毫秒
+    pongTimeout  发送ping之后，未收到消息超时时间，默认10000毫秒
+    reconnectTimeout
+    pingMsg
+ * }
+ * @api public
+ */
+
+function WebsocketHeartbeatJs ({
+  url,
+  pingTimeout = 15000,
+  pongTimeout = 10000,
+  reconnectTimeout = 2000,
+  pingMsg = 'heartbeat'
+}) {
+  this.opts = {
+    url: url,
+    pingTimeout: pingTimeout,
+    pongTimeout: pongTimeout,
+    reconnectTimeout: reconnectTimeout,
+    pingMsg: pingMsg
+  }
+  this.ws = null // websocket实例
+
+  // override hook function
+  this.onclose = () => {}
+  this.onerror = () => {}
+  this.onopen = () => {}
+  this.onmessage = () => {}
+  this.onreconnect = () => {}
+
+  this.createWebSocket()
+}
+WebsocketHeartbeatJs.prototype.createWebSocket = function () {
+  try {
+    this.ws = new WebSocket(this.opts.url)
+    this.initEventHandle()
+  } catch (e) {
+    this.reconnect()
+    throw e
+  }
+}
+
+WebsocketHeartbeatJs.prototype.initEventHandle = function () {
+  this.ws.onclose = () => {
+    this.onclose()
+    this.reconnect()
+  }
+  this.ws.onerror = () => {
+    this.onerror()
+    this.reconnect()
+  }
+  this.ws.onopen = () => {
+    this.onopen()
+    // 心跳检测重置
+    this.heartCheck()
+  }
+  this.ws.onmessage = (event) => {
+    this.onmessage(event)
+    // 如果获取到消息，心跳检测重置
+    // 拿到任何消息都说明当前连接是正常的
+    this.heartCheck()
+  }
+}
+
+WebsocketHeartbeatJs.prototype.reconnect = function () {
+  if (this.lockReconnect || this.forbidReconnect) return
+  this.lockReconnect = true
+  this.onreconnect()
+  // 没连接上会一直重连，设置延迟避免请求过多
+  setTimeout(() => {
+    this.createWebSocket()
+    this.lockReconnect = false
+  }, this.opts.reconnectTimeout)
+}
+
+WebsocketHeartbeatJs.prototype.send = function (msg) {
+  this.ws.send(msg)
+}
+// 心跳检测
+WebsocketHeartbeatJs.prototype.heartCheck = function () {
+  this.heartReset()
+  this.heartStart()
+}
+WebsocketHeartbeatJs.prototype.heartStart = function () {
+  if (this.forbidReconnect) return // 不再重连就不再执行心跳
+  this.pingTimeoutId = setTimeout(() => {
+    // 这里发送一个心跳，后端收到后，返回一个心跳消息，
+    // onmessage拿到返回的心跳就说明连接正常
+    this.ws.send(this.opts.pingMsg)
+    // 如果超过一定时间还没重置，说明后端主动断开了
+    this.pongTimeoutId = setTimeout(() => {
+      // 如果onclose会执行reconnect，我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
+      this.ws.close()
+    }, this.opts.pongTimeout)
+  }, this.opts.pingTimeout)
+}
+WebsocketHeartbeatJs.prototype.heartReset = function () {
+  clearTimeout(this.pingTimeoutId)
+  clearTimeout(this.pongTimeoutId)
+}
+
+WebsocketHeartbeatJs.prototype.close = function () {
+  // 如果手动关闭连接，不再重连
+  this.forbidReconnect = true
+  this.heartReset()
+  this.ws.close()
+}
+
+if (window) window.WebsocketHeartbeatJs = WebsocketHeartbeatJs
+export default WebsocketHeartbeatJs

package/src/lib/publicjs/KissWSSub/KissWsSub.js

@@ -0,0 +1,91 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/**
+ * @Description: 该类实现了websocket订阅服务
+ * @Author: chengcheng
+ * @Date: Create in 10:02 2018/12/21
+ * @Modified By:
+ */
+import WebSocketAsPromised from 'websocket-as-promised'
+import Sub from './Sub'
+export default class KissWsSub {
+  /**
+   * 构造函数
+   * @param {in} wsurl websocket 连接url ws:127.0.0.1:8888
+   * @param {in} name 标识模块
+   */
+  constructor (wsurl, name) {
+    this._url = wsurl
+    this._name = name
+    this._ws = null
+    this._sub_map = new Map()
+  }
+  /**
+   * 启动订阅服务
+   */
+  async start () {
+    if (this._ws !== null && this._ws.isOpened) return
+    this._ws = new WebSocketAsPromised(this.url, {
+      packMessage: data => JSON.stringify(data),
+      unpackMessage: message => JSON.parse(message)
+    })
+    await this._ws.open()
+    this._ws.onUnpackedMessage.addListener(this.dispatchMessage)
+  }
+  /**
+   * 停止订阅服务
+   */
+  async stop () {
+    if (this._ws.isOpening) {
+      await this._ws.close()
+    } else {
+      console.log('The websocket not run!')
+    }
+  }
+  /**
+   * 分发消息
+   * @param {in} message
+   */
+  dispatchMessage (message) {
+    for (let sub of this._sub_map.values()) {
+      sub.emitHandleSignal(message)
+    }
+  }
+  /**
+   * 创建一个订阅 指定订阅类型
+   * @param {in} type 订阅类型标识 唯一 不能重复
+   */
+  createSub (type) {
+    if (this._sub_map.has(type)) {
+      return this._sub_map[type]
+    }
+    let sub = new Sub(type)
+    this._sub_map.set(type, sub)
+    return sub
+  }
+  /**
+   * 获取已经存在的订阅根据订阅类型
+   * @param {*} type 订阅类型
+   * @return subObject or null
+   */
+  getSubByType (type) {
+    if (this._sub_map.has(type)) {
+      return this._sub_map.get(type)
+    }
+    return null
+  }
+  stopSubByType (type) {
+    if (this._sub_map.has(type)) {
+      return this._sub_map.get(type).stop()
+    }
+  }
+}

package/src/lib/publicjs/KissWSSub/KissWsSubByType.js

@@ -0,0 +1,152 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/**
+ * @Description: 该类实现了websocket订阅服务
+ * @Author: chengcheng
+ * @Date: Create in 10:02 2018/12/21
+ * @Modified By: chengcheng 2019-03-29
+ */
+import WebSocketAsPromised from 'websocket-as-promised'
+import SubChannel from './SubChannel'
+// const HeartMessageType = 'HeartType'
+export default class KissWsSubByType {
+  /**
+   * 构造函数
+   * @param {in} wsurl websocket 连接url ws:127.0.0.1:8888
+   * @param {in} name 标识模块
+   */
+  constructor (wsurl, name, reconnectTimeout = 2000, reconnectTimes = 50) {
+    this._url = wsurl
+    this._name = name
+    this._ws = null
+    this._sub_map = new Map()
+
+    // 重连时间
+    this.reconnectTimeout = reconnectTimeout
+    // 重连次数 默认0 表示无限重连
+    this.reconnectTimes = reconnectTimes
+    /// 记录重连次数
+    this.count = 0
+    /// 重连定时器
+    this.ReconnectTimerId = null
+    this.forbidReconnect = false
+  }
+
+  /**
+   * 发送原生数据
+   */
+  SendPackage (msg) {
+    this._ws.sendPacked(msg)
+  }
+  /**
+   * 启动订阅服务
+   */
+  async start () {
+    if (this._ws !== null && this._ws.isOpened) return
+    this._ws = new WebSocketAsPromised(this._url, {
+      packMessage: data => JSON.stringify(data),
+      unpackMessage: message => JSON.parse(message)
+    })
+    this._ws.onClose.addListener(() => {
+      if (this.forbidReconnect) return
+      this.Reconnect()
+    })
+    this._ws.onOpen.addListener(() => {
+      this.count = 0
+    })
+    await this._ws.open()
+    this._ws.onUnpackedMessage.addListener((message) => {
+      this.dispatchMessage(message)
+    })
+    console.log('start the kisssub .............')
+  }
+
+  /**
+   * 停止订阅服务
+   */
+  async stop () {
+    if (this._ws.isOpening) {
+      await this._ws.close()
+      // 如果手动关闭连接，不再重连
+      this.forbidReconnect = true
+    } else {
+      console.log('The websocket not run!')
+    }
+  }
+
+  /**
+   * 重新连接
+   */
+  async Reconnect () {
+    this.count++
+    console.log(`reconnection.... ${this.count} times!`)
+    if (this.count >= this.reconnectTimes || this._ws.isOpened) {
+      clearTimeout(this.ReconnectTimerId)
+    } else {
+      // 已经关闭了与服务器的连接
+      if (this._ws.isClosed) {
+        await this._ws.open()
+      }
+      // 正尝试与服务器建立连接,2正在关闭与服务器的连接
+      this.ReconnectTimerId = setTimeout(() => {
+        this.Reconnect()
+      }, this.reconnectTimeout)
+    }
+  }
+
+  /**
+   * 分发消息
+   * @param {in} message
+   */
+  dispatchMessage (message) {
+    if (message.infotype !== undefined) {
+      if (this._sub_map.has(message.infotype)) {
+        let subChannel = this._sub_map.get(message.infotype)
+        subChannel.emitHandleSignal(message)
+      }
+    }
+  }
+  /**
+   * 创建一个订阅 指定订阅类型
+   * @param {in} type 订阅类型标识 唯一 不能重复
+   * @returns 如果已经存在返回已存在的对象 未存在创建
+   */
+  createSub (type) {
+    if (this._sub_map.has(type)) {
+      return this._sub_map[type]
+    }
+    let sub = new SubChannel(type, this._ws)
+    this._sub_map.set(type, sub)
+    return sub
+  }
+  /**
+   * 获取已经存在的订阅根据订阅类型
+   * @param {*} type 订阅消息类型
+   * @return subObject or null
+   */
+  getSubByType (type) {
+    if (this._sub_map.has(type)) {
+      return this._sub_map.get(type)
+    }
+    return this.createSub(type)
+  }
+  /**
+   * 取消该消息类型的订阅
+   * @param {*} type 订阅消息类型
+   */
+  removeSubByType (type) {
+    if (this._sub_map.has(type)) {
+      this._sub_map.get(type).removeAllCares()
+      this._sub_map.delete(type)
+    }
+  }
+}

package/src/lib/publicjs/KissWSSub/SimuWsSubByType.js

@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/**
+ * @brief 仿真websocket封装
+ * @author caijiadong
+ * @date 2019-08-05
+ */
+
+import KissWsSubByType from './KissWsSubByType'
+
+export default class SimuWsSubByType extends KissWsSubByType {
+  constructor (simuid, wsurl, name, reconnectTimeout = 2000, reconnectTimes = 50) {
+    super(wsurl, name, reconnectTimeout, reconnectTimes)
+    this.simuId = simuid
+    this._url += '?' + this.ObjToUrlParam({
+      scenestype: 'simu',
+      scenesid: this.simuId
+    })
+  }
+
+  ObjToUrlParam (data) {
+    try {
+      var tempArr = []
+      for (var i in data) {
+        var key = encodeURIComponent(i)
+        var value = encodeURIComponent(data[i])
+        tempArr.push(key + '=' + value)
+      }
+      var urlParamsStr = tempArr.join('&')
+      return urlParamsStr
+    } catch (err) {
+      return ''
+    }
+  }
+}

package/src/lib/publicjs/KissWSSub/Sub.js

@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) 2020 kedacom
+ * OpenATC is licensed under Mulan PSL v2.
+ * You can use this software according to the terms and conditions of the Mulan PSL v2.
+ * You may obtain a copy of Mulan PSL v2 at:
+ * http://license.coscl.org.cn/MulanPSL2
+ * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
+ * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
+ * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
+ * See the Mulan PSL v2 for more details.
+ **/
+/**
+ * @Description: 该类实现一个基本的sub模块，该模块可以支持订阅频道和取消频道
+ * @Author: chengcheng
+ * @Date: Create in 10:26 2018/12/21
+ * @Modified By:
+ */
+import Channel from 'chnl'
+export default class Sub {
+  /**
+   *
+   * @param {in} name sub标识
+   */
+  constructor (name) {
+    this._name = name
+    this._channel_map = new Map()
+    this.setMessageListener()
+  }
+  /**
+   * 处理来的消息
+   * @param {*} message
+   */
+  handleMessage (message) {
+    console.log(message)
+  }
+  /**
+   * 设置消息监听，一旦发现是自己的消息就处理自己的消息
+   */
+  setMessageListener () {
+    this._emitter = new Channel.EventEmitter()
+    // listen 'myEvent'
+    this._emitter.on(name, this.handleMessage)
+  }
+  /**
+   * 发射处理消息的消息让自己处理
+   * @param {*} data 处理的数据
+   */
+  emitHandleSignal (data) {
+    this._emitter.emit(name, data)
+  }
+}