update: 替换cordova桥为yzj的桥

5af75dab · golton_gao · 83db0d21 · 5af75dab · 5af75dab · 5af75dab
Commit 5af75dab authored Oct 25, 2023 by golton_gao
Showing with 230 additions and 1 deletions
index.html
src/base/NativeApi/cordova/cordovaApi.js
src/main.js
src/polyfill/cordova.js
src/polyfill/index.js
src/polyfill/request.js
--- a/index.html
+++ b/index.html
@@ -12,6 +12,20 @@
    <meta name="format-detection" content="telephone=no,email=no,adress=no" />
    <meta name="mobile-web-app-capable" content="jf" />
    <title>建发房产</title>
+    <script src="miniapp://common/js/qing/qing.js"></script>
+    <script>
+      /* 使用自定义事件实现“backbutton”事件 */
+      var event = document.createEvent('HTMLEvents');
+      event.initEvent('backbutton', true, true);
+      var qingjs = window.qing;
+      qingjs.ready(function () {
+        qingjs.call('defback', {
+          success: function () {
+            document.dispatchEvent(event);
+          }
+        })
+      })
+    </script>
    <!-- <script src="cordova.js"></script> -->
  </head>
  <body>

--- a/src/base/NativeApi/cordova/cordovaApi.js
+++ b/src/base/NativeApi/cordova/cordovaApi.js
@@ -24,7 +24,7 @@ export default class CordovaApi extends NativeApi {
    conf = conf || {}
    conf.platform = 'cordova'
    super(conf)
-
+    /*
    if (typeof window !== 'undefined' && typeof window.document !== 'undefined') {
      var self = this
      if (!window.document.getElementById('cordovaJS')) {
@@ -45,6 +45,11 @@ export default class CordovaApi extends NativeApi {
        window.document.body.appendChild(script)
      }
    }
+    */
+    var self = this
+    window.qing.ready(function () {
+      self.doReady(self)
+    })
  }

  set methods (methods) {

--- a/src/main.js
+++ b/src/main.js
@@ -4,6 +4,7 @@
 * @LastEditors: huangyh
 * @LastEditTime: 2021-01-14 16:06:02
 */
+import './polyfill/index';
 import Vue from 'vue';
 import App from './App.vue';
 import router from './router';
@@ -74,6 +75,7 @@ import Tree from './components/Tree/Index.vue';
 Vue.component('Tree', Tree)
 let VMT;
 if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'provt') {
+  /*
  document.addEventListener('deviceready', async () => {
    console.log(navigator.camera);
    await getUserUID();
@@ -83,6 +85,15 @@ if (process.env.NODE_ENV === 'production' || process.env.NODE_ENV === 'provt') {
      store,
      render: h => h(App)
    });
+  });*/
+  window.qing.ready(async () => {
+    await getUserUID();
+    VMT = new Vue({
+      el: '#app',
+      router,
+      store,
+      render: h => h(App)
+    });
  });
 } else {
  VMT = new Vue({

--- a/src/polyfill/cordova.js
+++ b/src/polyfill/cordova.js
--- a/src/polyfill/index.js
+++ b/src/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()
+    }
+  }
+}
+
+/* 注释掉这部分，backbutton使用自定义事件实现
+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/polyfill/request.js
+++ b/src/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) {
+    window.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)
+      }
+    })
+  })
+}