uni-app - 网络请求和数据存储工具类

demo 地址: https://github.com/iotjin/jh-uniapp-demo

网络请求是对uni.request请求的简单封装
数据存储是对uni.getStorageSync、uni.setStorageSync的简单封装

torageUtils

使用

使用方法 ：

import TorageUtils from '@/common/utils/torageUtils.js'
const TorageUtils = require('@/common/utils/torageUtils.js')

TorageUtils.Jh_setStorageSync('key1', 'value1111')
TorageUtils.Jh_getStorageSync('key1')
console.log(TorageUtils.Jh_getStorageInfoSync());

代码

let isDevelop = process.env.NODE_ENV === 'development';

module.exports = {
    Jh_getStorageSync,
    Jh_setStorageSync,
    Jh_removeStorageSync,
    Jh_clear,
    Jh_getStorageInfoSync,
};

function Jh_getStorageSync(key) {
    try {
        return uni.getStorageSync(key)
    } catch (e) {
        if (isDevelop) {
            console.log('===== torageUtils =====');
            console.log('key:' + key + '取数据失败：' + e);
        }
        return null
    }
}

function Jh_setStorageSync(key, data) {
    try {
        uni.setStorageSync(key, data);
    } catch (e) {
        if (isDevelop) {
            console.log('===== torageUtils =====');
            console.log('key:' + key + '存数据失败：' + e);
        }
    }
}

function Jh_removeStorageSync(key) {
    try {
        uni.removeStorageSync(key);
    } catch (e) {
        if (isDevelop) {
            console.log('===== torageUtils =====');
            console.log('key:' + key + '删数据失败：' + e);
        }
    }
}

function Jh_getStorageInfoSync() {
    try {
        const res = uni.getStorageInfoSync();
        if (isDevelop) {
            console.log('===== torageUtils =====');
            console.log('keys:' + res.keys);
            console.log('currentSize:' + res.currentSize);
            console.log('limitSize:' + res.limitSize);
        }
        return res
    } catch (e) {
        if (isDevelop) {
            console.log('===== torageUtils =====');
            console.log('获取本地Info失败：' + e);
        }
    }
}

function Jh_clear() {
    try {
        uni.clearStorageSync();
    } catch (e) {
        if (isDevelop) {
            console.log('===== torageUtils =====');
            console.log('清空本地数据失败：' + e);
        }
    }
}

httpUtils

使用

使用方法 ：

1.在要使用的js文件导入
var HTTP = require('../../../../http/httpUtils.js');

2. 调用
HTTP.post('url', params).then(res => {
}).catch(error=>{
});

代码

/* 网络请求工具类 */

var isProduct = process.env.NODE_ENV === 'production';
var isDevelop = process.env.NODE_ENV === 'development';

function getToken() {
    let token = '1';
    return token;
}

/* 请求头 */
var _header = {
    'content-type': 'application/x-www-form-urlencoded',
    'version': '1.0.0',
}

//处理发送的数据，对数据加密
function handleSendData(params) {
    if (isDevelop) {
        console.log("===== httpUtils 请求参数 =====", params);
    }
    return params;
}

//处理返回数据，对数据解密
function handleReturnData(res) {
    if (isDevelop) {
        console.log("===== httpUtils 返回数据 =====", res.data);
    }
    return res;
}

/**
 * function: 显示/隐藏加载框
 * @isShow 显示/隐藏
 * @loadingText 加载框文字
 */
function showLoading(isShow, loadingText) {
    if (isShow == false) {
        uni.hideLoading()
        return
    }
    if (loadingText == undefined) {} else {
        if (loadingText != "" && isShow == true) {
            uni.showLoading({
                title: loadingText,
            })
        }
    }
}

/* 进行请求 */
const request = (url, method, params, loadingText) => {
    showLoading(true, loadingText)
    return new Promise((resolve, reject) => {
        uni.request({
            url: url,
            method: method,
            data: handleSendData(params),
            header: _header,
            success(res) {
                resolve(handleReturnData(res.data))
            },
            fail(error) {
                // uni.showToast({
                //   title: error,
                //   icon: 'none',
                //   duration: 2000
                // })
                reject(error)
            },
            complete() {
                showLoading(false)
            }
        })
    });
}

/* get请求 */
function get(url, params, loadingText) {
    return request(url, "GET", params, loadingText);
}

/* post请求 */
function post(url, params, loadingText) {
    return request(url, "POST", params, loadingText);
}

/* 文件上传 */
const uploadFile = (url, filePath, params, loadingText) => {
    // console.log("-----文件上传------");
    showLoading(true, loadingText)
    return new Promise((resolve, reject) => {
        uni.uploadFile({
            url: url,
            name: 'file',
            filePath: filePath,
            formData: handleSendData(params),
            header: _header,
            success(res) {
                resolve(handleReturnData(JSON.parse(res.data)))
            },
            fail(error) {
                reject(error)
            },
            complete: info => {
                showLoading(false)
            }
        })
    })
}

/* 图片加载 */
const loadImage = (url, params) => {
    // console.log("-----图片下载------");
    let auth = '_auth=' + getToken()
    if (url.indexOf("?") > 0) {
        url = url + "&" + auth
    } else {
        url = url + "?" + auth
    }
    return new Promise((resolve, reject) => {
        uni.request({
            url: url,
            method: 'GET',
            data: params,
            header: _header,
            responseType: 'arraybuffer',
            success(res) {
                if (res.statusCode == 200 && res.data.byteLength) {
                    let base64 = wx.arrayBufferToBase64(res.data);
                    let img = 'data:image/jpeg;base64,' + base64
                    resolve(img)
                } else {
                    resolve(null)
                }
            },
            fail(error) {
                reject(error)
            },
            complete: info => {}
        })
    })
}

/* 通过module.exports方式提供给外部调用 */
module.exports = {
    request,
    uploadFile,
    loadImage,
    get: get,
    post: post,
}