react_hsbc_teller 0.0.1

package/packages/api/server.js

@@ -0,0 +1,48 @@
+import axios from 'axios';
+import envconfig from '../envconfig/envconfig';
+/**
+ * 主要params参数
+ * @params method {string} 方法名
+ * @params url {string} 请求地址  例如：/login 配合baseURL组成完整请求地址
+ * @params baseURL {string} 请求地址统一前缀 ***需要提前指定***  例如：http://cangdu.org
+ * @params timeout {number} 请求超时时间 默认 30000
+ * @params params {object}  get方式传参key值
+ * @params headers {string} 指定请求头信息
+ * @params withCredentials {boolean} 请求是否携带本地cookies信息默认开启
+ * @params validateStatus {func} 默认判断请求成功的范围 200 - 300
+ * @return {Promise}
+ * 其他更多拓展参看axios文档后 自行拓展
+ * 注意：params中的数据会覆盖method url 参数，所以如果指定了这2个参数则不需要在params中带入
+*/
+
+export default class Server {
+  axios(method, url, params){
+    console.log(params)
+    return new Promise((resolve, reject) => {
+      if(typeof params !== 'object') params = {};
+      let _option = params;
+      _option = {
+        method,
+        url,
+        baseURL: envconfig.baseURL,
+        timeout: 30000,
+        params: null,
+        data: params,
+        headers: null,
+        withCredentials: true, //是否携带cookies发起请求
+        validateStatus:(status)=>{
+            return status >= 200 && status < 300;
+        },
+      }
+      axios.request(_option).then(res => {
+        resolve(typeof res.data === 'object' ? res.data : JSON.parse(res.data))
+      },error => {
+        if(error.response){
+            reject(error.response.data)
+        }else{
+            reject(error)
+        }
+      })
+    })
+  }
+}

package/packages/common/JKL.js

@@ -0,0 +1,61 @@
+const JKL = {};
+
+JKL.Dumper = function () {
+  return this;
+};
+
+//  Dump the data into JSON format
+
+JKL.Dumper.prototype.dump = function (data, offset) {
+  if (typeof (offset) === 'undefined') offset = '';
+  const nextoff = `${offset}  `;
+  switch (typeof (data)) {
+    case 'string':
+      return `"${this.escapeString(data)}"`;
+      break;
+    case 'number':
+      return data;
+      break;
+    case 'boolean':
+      return data ? 'true' : 'false';
+      break;
+    case 'undefined':
+      return 'null';
+      break;
+    case 'object':
+      if (data == null) {
+        return 'null';
+      } if (data.constructor == Array) {
+        var array = [];
+        for (let i = 0; i < data.length; i++) {
+          array[i] = this.dump(data[i], nextoff);
+        }
+        return `[\n${nextoff}${array.join(`,\n${nextoff}`)}\n${offset}]`;
+      }
+      var array = [];
+      for (let key in data) {
+        const val = this.dump(data[key], nextoff);
+        //              if ( key.match( /[^A-Za-z0-9_]/ )) {
+        key = `"${this.escapeString(key)}"`;
+        //              }
+        array[array.length] = `${key}: ${val}`;
+      }
+      if (array.length == 1 && !array[0].match(/[\n\{\[]/)) {
+        return `{ ${array[0]} }`;
+      }
+      return `{\n${nextoff}${array.join(`,\n${nextoff}`)}\n${offset}}`;
+
+      break;
+    default:
+      return data;
+      // unsupported data type
+      break;
+  }
+};
+
+//  escape '\' and '"'
+
+JKL.Dumper.prototype.escapeString = function (str) {
+  return str.replace(/\\/g, '\\\\').replace(/\"/g, '\\"');
+};
+export default JKL;

package/packages/common/XML.js

@@ -0,0 +1,271 @@
+/* eslint-disable no-undef */
+// ========================================================================
+//  XML.ObjTree -- XML source code from/to JavaScript object like E4X
+// ========================================================================
+
+import JKL from './JKL';
+
+const XML = {};
+
+XML.ObjTree = function () {
+  return this;
+};
+
+//  class variables
+
+XML.ObjTree.VERSION = '0.23';
+
+//  object prototype
+
+XML.ObjTree.prototype.xmlDecl = '<?xml version="1.0" encoding="UTF-8" ?>\n';
+XML.ObjTree.prototype.attr_prefix = '-';
+
+//  method: parseXML( xmlsource )
+
+XML.ObjTree.prototype.parseXML = function (xml) {
+  let xmldom;
+  let root;
+  if (window.DOMParser) {
+    xmldom = new DOMParser();
+    //      xmldom.async = false;           // DOMParser is always sync-mode
+    const dom = xmldom.parseFromString(xml, 'application/xml');
+    if (!dom) return;
+    root = dom.documentElement;
+  } else if (window.ActiveXObject) {
+    xmldom = new ActiveXObject('Microsoft.XMLDOM');
+    xmldom.async = false;
+    xmldom.loadXML(xml);
+    root = xmldom.documentElement;
+  }
+  if (!root) return;
+  return this.parseDOM(root);
+};
+
+//  method: parseHTTP( url, options, callback )
+
+XML.ObjTree.prototype.parseHTTP = function (url, options, callback) {
+  const myopt = {};
+  for (const key in options) {
+    myopt[key] = options[key]; // copy object
+  }
+  if (!myopt.method) {
+    if (typeof (myopt.postBody) === 'undefined'
+            && typeof (myopt.postbody) === 'undefined'
+            && typeof (myopt.parameters) === 'undefined') {
+      myopt.method = 'get';
+    } else {
+      myopt.method = 'post';
+    }
+  }
+  if (callback) {
+    myopt.asynchronous = true; // async-mode
+    const __this = this;
+    const __func = callback;
+    const __save = myopt.onComplete;
+    myopt.onComplete = function (trans) {
+      let tree;
+      if (trans && trans.responseXML && trans.responseXML.documentElement) {
+        tree = __this.parseDOM(trans.responseXML.documentElement);
+      }
+      __func(tree, trans);
+      if (__save) __save(trans);
+    };
+  } else {
+    myopt.asynchronous = false; // sync-mode
+  }
+  let trans;
+  if (typeof (HTTP) !== 'undefined' && HTTP.Request) {
+    myopt.uri = url;
+    var req = new HTTP.Request(myopt); // JSAN
+    if (req) trans = req.transport;
+  } else if (typeof (Ajax) !== 'undefined' && Ajax.Request) {
+    var req = new Ajax.Request(url, myopt); // ptorotype.js
+    if (req) trans = req.transport;
+  }
+  if (callback) return trans;
+  if (trans && trans.responseXML && trans.responseXML.documentElement) {
+    return this.parseDOM(trans.responseXML.documentElement);
+  }
+};
+
+//  method: parseDOM( documentroot )
+
+XML.ObjTree.prototype.parseDOM = function (root) {
+  if (!root) return;
+
+  this.__force_array = {};
+  if (this.force_array) {
+    for (let i = 0; i < this.force_array.length; i++) {
+      this.__force_array[this.force_array[i]] = 1;
+    }
+  }
+
+  let json = this.parseElement(root); // parse root node
+  if (this.__force_array[root.nodeName]) {
+    json = [json];
+  }
+  if (root.nodeType != 11) { // DOCUMENT_FRAGMENT_NODE
+    const tmp = {};
+    tmp[root.nodeName] = json; // root nodeName
+    json = tmp;
+  }
+  return json;
+};
+
+//  method: parseElement( element )
+
+XML.ObjTree.prototype.parseElement = function (elem) {
+  //  COMMENT_NODE
+  if (elem.nodeType == 7) {
+    return;
+  }
+
+  //  TEXT_NODE CDATA_SECTION_NODE
+  if (elem.nodeType == 3 || elem.nodeType == 4) {
+    const bool = elem.nodeValue.match(/[^\x00-\x20]/);
+    if (bool == null) return; // ignore white spaces
+    return elem.nodeValue;
+  }
+
+  let retval;
+  const cnt = {};
+
+  //  parse attributes
+  if (elem.attributes && elem.attributes.length) {
+    retval = {};
+    for (var i = 0; i < elem.attributes.length; i++) {
+      var key = elem.attributes[i].nodeName;
+      if (typeof (key) !== 'string') continue;
+      var val = elem.attributes[i].nodeValue;
+      if (!val) continue;
+      key = this.attr_prefix + key;
+      if (typeof (cnt[key]) === 'undefined') cnt[key] = 0;
+      cnt[key]++;
+      this.addNode(retval, key, cnt[key], val);
+    }
+  }
+
+  //  parse child nodes (recursive)
+  if (elem.childNodes && elem.childNodes.length) {
+    let textonly = true;
+    if (retval) textonly = false; // some attributes exists
+    for (var i = 0; i < elem.childNodes.length && textonly; i++) {
+      const ntype = elem.childNodes[i].nodeType;
+      if (ntype == 3 || ntype == 4) continue;
+      textonly = false;
+    }
+    if (textonly) {
+      if (!retval) retval = '';
+      for (var i = 0; i < elem.childNodes.length; i++) {
+        retval += elem.childNodes[i].nodeValue;
+      }
+    } else {
+      if (!retval) retval = {};
+      for (var i = 0; i < elem.childNodes.length; i++) {
+        var key = elem.childNodes[i].nodeName;
+        if (typeof (key) !== 'string') continue;
+        var val = this.parseElement(elem.childNodes[i]);
+        if (!val) continue;
+        if (typeof (cnt[key]) === 'undefined') cnt[key] = 0;
+        cnt[key]++;
+        this.addNode(retval, key, cnt[key], val);
+      }
+    }
+  }
+  return retval;
+};
+
+//  method: addNode( hash, key, count, value )
+
+XML.ObjTree.prototype.addNode = function (hash, key, cnts, val) {
+  if (this.__force_array[key]) {
+    if (cnts == 1) hash[key] = [];
+    hash[key][hash[key].length] = val; // push
+  } else if (cnts == 1) { // 1st sibling
+    hash[key] = val;
+  } else if (cnts == 2) { // 2nd sibling
+    hash[key] = [hash[key], val];
+  } else { // 3rd sibling and more
+    hash[key][hash[key].length] = val;
+  }
+};
+
+//  method: writeXML( tree )
+
+XML.ObjTree.prototype.writeXML = function (tree) {
+  const xml = this.hash_to_xml(null, tree);
+  return this.xmlDecl + xml;
+};
+
+//  method: hash_to_xml( tagName, tree )
+
+XML.ObjTree.prototype.hash_to_xml = function (name, tree) {
+  const elem = [];
+  const attr = [];
+  for (const key in tree) {
+    if (!tree.hasOwnProperty(key)) continue;
+    const val = tree[key];
+    if (key.charAt(0) != this.attr_prefix) {
+      if (typeof (val) === 'undefined' || val == null) {
+        elem[elem.length] = `<${key} />`;
+      } else if (typeof (val) === 'object' && val.constructor == Array) {
+        elem[elem.length] = this.array_to_xml(key, val);
+      } else if (typeof (val) === 'object') {
+        elem[elem.length] = this.hash_to_xml(key, val);
+      } else {
+        elem[elem.length] = this.scalar_to_xml(key, val);
+      }
+    } else {
+      attr[attr.length] = ` ${key.substring(1)}="${this.xml_escape(val)}"`;
+    }
+  }
+  const jattr = attr.join('');
+  let jelem = elem.join('');
+  if (typeof (name) === 'undefined' || name == null) {
+    // no tag
+  } else if (elem.length > 0) {
+    if (jelem.match(/\n/)) {
+      jelem = `<${name}${jattr}>\n${jelem}</${name}>\n`;
+    } else {
+      jelem = `<${name}${jattr}>${jelem}</${name}>\n`;
+    }
+  } else {
+    jelem = `<${name}${jattr} />\n`;
+  }
+  return jelem;
+};
+
+//  method: array_to_xml( tagName, array )
+
+XML.ObjTree.prototype.array_to_xml = function (name, array) {
+  const out = [];
+  for (let i = 0; i < array.length; i++) {
+    const val = array[i];
+    if (typeof (val) === 'undefined' || val == null) {
+      out[out.length] = `<${name} />`;
+    } else if (typeof (val) === 'object' && val.constructor == Array) {
+      out[out.length] = this.array_to_xml(name, val);
+    } else if (typeof (val) === 'object') {
+      out[out.length] = this.hash_to_xml(name, val);
+    } else {
+      out[out.length] = this.scalar_to_xml(name, val);
+    }
+  }
+  return out.join('');
+};
+
+//  method: scalar_to_xml( tagName, text )
+
+XML.ObjTree.prototype.scalar_to_xml = function (name, text) {
+  if (name == '#text') {
+    return this.xml_escape(text);
+  }
+  return `<${name}>${this.xml_escape(text)}</${name}>\n`;
+};
+
+//  method: xml_escape( text )
+
+XML.ObjTree.prototype.xml_escape = function (text) {
+  return text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
+};
+export default XML;

package/packages/common/websocket.js

@@ -0,0 +1,246 @@
+import XML from './XML';
+import JKL from './JKL';
+
+let websock;
+let id;
+const xmlLang = 'zh';
+const version = '1.0';
+let islogin = false;
+export default function initWebSocket(wsuri) {
+  // eslint-disable-next-line no-undef
+  websock = new WebSocket(wsuri, 'xmpp');
+  websock.onmessage = websocketonmessage;
+  websock.onopen = websocketonopen;
+  websock.onerror = websocketonerror;
+  websock.onclose = websocketclose;
+}
+const connectionState = ['正在连接..', '连接已建立', '正在关闭..', '已经关闭'];
+// json转xml
+function json2xml(jsonstring) {
+  const xotree = new XML.ObjTree();
+  const xml = xotree.writeXML(jsonstring);
+  return xml;
+}
+// xml转json
+function xml2json(xmlstring) {
+  // 将xml字符串转为json
+  const xotree = new XML.ObjTree();
+  const json = xotree.parseXML(xmlstring);
+  // 将json对象转为格式化的字符串
+  const dumper = new JKL.Dumper();
+  const jsonText = dumper.dump(json);
+  return JSON.parse(jsonText);
+}
+function websocketonopen() { // 连接建立之后执行send方法发送数据
+  console.log('成功');
+  // 发送建立流请求
+  const steam = {
+    open: {
+      '-to': JSON.parse(window.sessionStorage.getItem('sigData')).hostname,
+      '-from': `${JSON.parse(window.sessionStorage.getItem('sigData')).account}@${JSON.parse(window.sessionStorage.getItem('sigData')).hostname}`,
+      '-xmlns': 'urn:ietf:params:xml:ns:xmpp-framing',
+      '-xml:lang': xmlLang,
+      '-version': version,
+    },
+  };
+  websocketsend(json2xml(steam));
+}
+function websocketonerror() { // 连接建立失败重连
+  window.IMOpenfire('false');
+  console.log('失败');
+  // initWebSocket()
+}
+function websocketonmessage(e) {
+  console.log('收到消息', e);
+  console.log('收到消息', e.data);
+  const jsondata = xml2json(e.data);
+  console.log('jsondata', jsondata);
+  if (undefined != jsondata.message) {
+    if (undefined != jsondata.message.body) {
+      console.log('收到的消息：', jsondata.message.body);
+      const from = jsondata.message['-from'];
+      console.log('from', from);
+      const type = jsondata.message['-type'];
+      console.log('type', type);
+      if ((from.split('/').length > 0) && (from.split('/')[from.split('/').length - 1] == JSON.parse(window.sessionStorage.getItem('sigData')).account)) {
+        // 自己的消息不做处理
+      } else if ((type == 'chat' || type == 'groupchat') && jsondata.message.body.length > 0) {
+        // console.log('message', (jsondata.message.body.indexOf("IMVedio") != -1))
+        // if (jsondata.message.body.indexOf("IMVedio") != -1) {
+        //   window.VedioEvt(jsondata.message.body)
+        // } else {
+        window.IMEvt(jsondata.message.body);
+        // }
+      }
+    } else if (undefined != jsondata.message.composing) {
+      console.log('对方正在输入');
+    } else if (undefined != jsondata.message.gone) {
+      console.log('对方已关闭和您的聊天');
+    } else if (undefined != jsondata.message.file) {
+      console.log('收到的文件：', jsondata.message);
+    } else {
+
+    }
+  } else if (undefined != jsondata.open) {
+    // 记录id
+    id = jsondata.open['-id'];
+    console.log(id);
+  } else if (undefined != jsondata['stream:features']) {
+    if (undefined != jsondata['stream:features'].mechanisms) {
+      // 获取登录验证方式
+      auth(jsondata['stream:features'].mechanisms.mechanism[0]);
+    } else if (undefined != jsondata['stream:features'].bind) {
+      bind();
+    } else {
+      // Do-nothing
+    }
+  } else if (undefined != jsondata.failure) {
+    islogin = false;
+    console.log('登录失败，用户名或者密码错误');
+    window.IMOpenfire('false');
+  } else if (undefined != jsondata.success) {
+    islogin = true;
+    console.log('登录成功！');
+    // 发起新的流
+    newopen();
+  } else if (undefined != jsondata.iq) {
+    if (undefined != jsondata.iq.bind) {
+      // 获取session会话
+      getsession();
+    } else {
+      presence();
+    }
+  }
+}
+// 结束状态
+function disconnect() {
+  const temp = {
+    close: {
+      '-xmlns': 'urn:ietf:params:xml:ns:xmpp-framing',
+    },
+  };
+    // 转化为xml
+  websocketsend(json2xml(temp));
+}
+// 获取session
+function getsession() {
+  // <iq xmlns="jabber:client" id="ak014gz6x7" type="set"><session xmlns="urn:ietf:params:xml:ns:xmpp-session"/></iq>
+  const temp = {
+    iq: {
+      '-xmlns': 'jabber:client',
+      '-id': id,
+      '-type': 'set',
+      session: {
+        '-xmlns': 'urn:ietf:params:xml:ns:xmpp-session',
+      },
+    },
+  };
+    // 转化为xml
+  websocketsend(json2xml(temp));
+}
+// 上线
+function presence() {
+  // <presence id="ak014gz6x7"><status>Online</status><priority>1</priority></presence>
+  const temp = {
+    presence: {
+      '-id': id,
+      status: 'online',
+      priority: '1',
+    },
+  };
+    // 转化为xml
+  websocketsend(json2xml(temp));
+}
+// 发起新的流
+function newopen() {
+  const temp = {
+    open: {
+      '-xmlns': 'jabber:client',
+      '-to': JSON.parse(window.sessionStorage.getItem('sigData')).hostname,
+      '-version': version,
+      '-from': `${JSON.parse(window.sessionStorage.getItem('sigData')).account}@${JSON.parse(window.sessionStorage.getItem('sigData')).hostname}`,
+      '-id': id,
+      '-xml:lang': xmlLang,
+    },
+  };
+    // 转化为xml
+  websocketsend(json2xml(temp));
+}
+// bind操作
+function bind() {
+  const temp = {
+    iq: {
+      '-id': id,
+      '-type': 'set',
+      bind: {
+        '-xmlns': 'urn:ietf:params:xml:ns:xmpp-bind',
+        resource: 'appClient',
+      },
+    },
+  };
+  websocketsend(json2xml(temp));
+}
+function auth(val) {
+  // Base64编码
+  console.log('www');
+  const token = window.btoa(`${JSON.parse(window.sessionStorage.getItem('sigData')).account}@${JSON.parse(window.sessionStorage.getItem('sigData')).hostname}\0` + '111111');
+  const message = {
+    auth: {
+      '-xmlns': 'urn:ietf:params:xml:ns:xmpp-sasl',
+      '-mechanism': val,
+      '#text': token,
+    },
+  };
+  console.log(`Client: ${message}`);
+  websocketsend(json2xml(message));
+}
+function websocketsend(Data) { // 数据发送
+  console.log('data', Data);
+  websock.send(Data);
+}
+function websocketclose(e) { // 关闭
+  console.log('断开连接', e);
+  // window.IMOpenfire('false')
+}
+// 发消息
+// // 发送消息  to---接收者id，from---发送者id，type---消息类型（chat--单聊，groupchat--群聊）。message--发送的消息
+function sendMessage(to, from, type, message) {
+  console.log('发送聊天信息', to, from, type, message);
+  if (islogin) {
+    const temp = {
+      message: {
+        '-type': type,
+        '-from': from,
+        '-to': to,
+        subject: '标题',
+        body: message,
+      },
+    };
+    // 转化为xml
+    websocketsend(json2xml(temp));
+  } else {
+    alert('请先登录！');
+  }
+}
+// 加入群  from---加入群的人的jid，to--群名称
+function joinRoom(from, to) {
+  // 发送<presence>元素，加入房间
+  console.log('from', from);
+  console.log('to', to);
+  if (islogin) {
+    const temp = {
+      presence: {
+        '-from': from,
+        '-id': id,
+        '-to': `${to}/${from.substring(0, from.indexOf('@'))}`,
+        x: {
+          '-xmlns': 'http://jabber.org/protocol/muc',
+        },
+      },
+    };
+    // 转化为xml
+    websocketsend(json2xml(temp));
+  } else {
+    alert('请先登录！');
+  }
+}