update: 调整cordova桥为yzj的桥

f84ad249 · golton_gao · 74b7cdb6 · f84ad249 · f84ad249 · f84ad249
Commit f84ad249 authored Oct 25, 2023 by golton_gao
Showing with 210 additions and 4 deletions
index.html
src/libraries/plugins/NativeApi/cordova/cordovaApi.js
src/shared/main.js
src/shared/polyfill/cordova.js
src/shared/polyfill/index.js
src/shared/polyfill/request.js
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
    <title>self-service</title>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <script src="miniapp://common/js/qing/qing.js"></script>
  </head>
  <body>
    <div id="app"></div>

--- a/src/libraries/plugins/NativeApi/cordova/cordovaApi.js
+++ b/src/libraries/plugins/NativeApi/cordova/cordovaApi.js
@@ -25,6 +25,7 @@ export default class CordovaApi extends NativeApi {
    conf.platform = 'cordova'
    super(conf)

+    /* gdd：20231015 屏蔽旧的，请用qingjs代替
    if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {
      var self = this
      if (!window.document.getElementById('cordovaJS')) {
@@ -45,6 +46,11 @@ export default class CordovaApi extends NativeApi {
        window.document.body.appendChild(script)
      }
    }
+    */
+    var self = this
+    qing.ready(function () {
+      self.doReady(self)
+    })
  }

  set methods (methods) {
@@ -85,10 +91,10 @@ export default class CordovaApi extends NativeApi {

        try {
          window.cordova.exec(function (msg) {
-            resolve(msg)
-          }, function (msg) {
-            reject(msg)
-          }, module, method, params || [])
+              resolve(msg)
+            }, function (msg) {
+              reject(msg)
+            }, module, method, params || [])
        } catch (e) {
          reject(e)
        }

--- a/src/shared/main.js
+++ b/src/shared/main.js
 // The Vue build version to load with the `import` command
 // (runtime-only or standalone) has been set in webpack.base.conf with an alias.
+import './polyfill/index'
 import Vue from 'vue'
 import router from './router'
 import App from './app.vue'

--- a/src/shared/polyfill/cordova.js
+++ b/src/shared/polyfill/cordova.js
--- a/src/shared/polyfill/index.js
+++ b/src/shared/polyfill/index.js
+import './cordova.js'
+import './request.js'
+const events = {}
+window.customEvt = {
+  addEventListener: function(name, fn) {
+    if (!events[name]) {
+      events[name] = []
+    }
+    const fns = events[name] || []
+    fns.push(fn)
+  },
+  removeEventListener: function(name, fn) {
+    const fns = events[name] || []
+    if (!fn) {
+      events[name] = []
+      return
+    }
+    for(let index = 0, len = fns.length; index < len; index++) {
+      const _fn = fns[index]
+      if (_fn === fn) {
+        fns.splice(index, 1)
+        break
+      }
+    }
+  },
+  triggerEvent: function(name) {
+    const fns = events[name] || []
+    for(const fn of fns) {
+      fn()
+    }
+  }
+}
+
+var customEvt = window.customEvt
+var qing = window.qing
+
+qing.ready(function () {
+  // 重写左侧返回按钮
+  qing.call('defback', {
+    success: function () {
+      customEvt.triggerEvent('backbutton')
+    }
+  })
+  // 绑定左侧按钮默认事件
+  customEvt.addEventListener('backbutton', () => {
+    if (history.length <= 1) {
+      //顶级页面，则关闭当前Web
+      qing.call('closeWebView')
+    } else {
+      history.back()
+    }
+  })
+})
--- a/src/shared/polyfill/request.js
+++ b/src/shared/polyfill/request.js
+import axios from 'axios'
+
+var originAdapter = axios.defaults.adapter
+axios.defaults.adapter = function (config) {
+  if (!/^https?/.test(config.url)) {
+    return originAdapter(config)
+  }
+  return request(config)
+}
+
+function isObject(value) {
+  return value !== null && typeof value === 'object'
+}
+
+function isFormData(fd) {
+  return Object.prototype.toString.call(fd) === '[object FormData]'
+}
+
+function formData2obj(fd) {
+  var data = {}
+  for (var p of fd.entries()) {
+    data[p[0]] = p[1]
+  }
+  return data
+}
+
+function params2object(url) {
+  var params = {}
+  if (typeof url === 'object') {
+    return url
+  } else if (typeof url === 'string') {
+    url
+      .replace(/^.*\?|#.*$/g, '')
+      .split('&')
+      .forEach((n) => {
+        n = n.split('=')
+        if (n.length === 2) {
+          params[n[0]] = n[1]
+        }
+      })
+  }
+  return params
+}
+
+function request(opt) {
+  opt = opt || {}
+  if (!opt.url) {
+    return Promise.reject('interface url is required!')
+  }
+  // 默认get请求
+  opt.method = opt.method || 'get'
+
+  // 处理params
+  var urlParams = opt.params || {}
+  // 合并url和params字段的数据，如果params字段与url中有重名参数，以params中的为准
+  urlParams = Object.assign(params2object(opt.url), urlParams)
+
+  // 处理url
+  // url如果包含空格，会在iOS中报错
+  opt.url = opt.url.replace(/^\s+|\s+$/g, '')
+  // 将params拼接到url中
+  opt.url =
+    opt.url.split('?')[0] +
+    '?' +
+    Object.keys(urlParams)
+      .map((key) => {
+        var val = urlParams[key]
+        if (isObject(val)) {
+          val = JSON.stringify(val)
+          val = encodeURIComponent(val)
+        } else if (/[^\x00-\xff]/.test(val)) {
+          val = encodeURIComponent(val)
+        }
+        return key + '=' + val
+      })
+      .join('&')
+
+  // post非json即是form。
+  if (opt.method.toLowerCase() === 'post') {
+    var data = opt.data
+    if (isFormData(data)) {
+      opt.headers = Object.assign(opt.headers || {}, {
+        'Content-Type': 'application/x-www-form-urlencoded'
+      })
+      opt.data = formData2obj(data)
+    } else if (isObject(data)) {
+      opt.headers = Object.assign(opt.headers || {}, {
+        'Content-Type': 'application/json;charset=UTF-8'
+      })
+    }
+  }
+
+  // 处理header
+  opt.headers = opt.headers || {}
+  // headers字段值必须是字符串型
+  Object.keys(opt.headers).forEach(function (key) {
+    var val = opt.headers[key]
+    var type = typeof val
+    if (type === 'undefined') {
+      delete opt.headers[key]
+    } else if (type !== 'string') {
+      opt.headers[key] = val + ''
+    }
+  })
+
+  return new Promise(function (resolve, reject) {
+    qing.call('request', {
+      url: opt.url,
+      method: opt.method,
+      headers: opt.headers,
+      header: opt.headers,
+      data: opt.data || {},
+      dataType: opt.dataType,
+      success: function (resp) {
+        var response = {
+          data: resp.data,
+          status: resp.statusCode,
+          headers: resp.header,
+          config: opt
+        }
+        var validateStatus = response.config.validateStatus
+        // Note: status is not exposed by XDomainRequest
+        if (
+          !response.status ||
+          !validateStatus ||
+          validateStatus(response.status)
+        ) {
+          resolve(response)
+        } else {
+          var error = new Error(
+            'Request failed with status code ' + response.status
+          )
+          error.config = response.config
+          error.response = response
+          reject(error)
+        }
+      },
+      error: function (e) {
+        var error = new Error(e)
+        error.config = opt
+        reject(error)
+      }
+    })
+  })
+}