项目停止服务了,但是技术的学习分享永不停鸭
发布于 5 年前 作者 leixiuying 2956 次浏览 来自 分享

github仓库地址-点这里看源码

xxx项目

开发时集成eslint,框架使用原生 + westore + iview weapp 部分ui样式组件代码 。去除了真实的请求地址,部分配置和页面。方便大家学习交流

[暗门-彩蛋] 点击顶部bar 15下可弹出暗门操作,方面调试定位

自己修改appid 并关闭安全域名校验 运行一下就知道喽~

库插件

1. wxApi

const wxApi = function (keyName = "", obj = {}) {
    return new Promise((resolve, reject) => {
        // 去除方法里面的空格服
        if (keyName && typeof keyName === "string") {
            keyName = keyName.replace(/\s/g, "")
        } else {
            console.error("keyName值不能为空哦且必须是string类型")
            return false
        }
        // 判断方法名 是否再wx 对象中
        const wxHasOwnProperty = wx.hasOwnProperty(keyName)
        if (!wxHasOwnProperty) {
            console.error(`你输入的方法[${keyName}]在wx中找不到,请检查是否输入正确`)
            return false
        }
        if (keyName && wx[keyName] && wxHasOwnProperty) {
            wx[keyName]({
                ...obj,
                success(data) {
                    resolve(data)
                },
                fail(data) {
                    reject(data)
                }
            })
        }
    })
}
export default wxApi
// 仅支持wx 的异步方法 
wxApi("fnName",params).then(res=>{}).catch(error=>{})

2. request

    /**
    *  1. 接口文件单独维护
    *  2. 设置token
    *  3. 中断请求
    *  4. 401 重试示范
    * */
    
    import http from "xxx/xxx/request.js"
    // 普通的请求
    http.get("YOUR_API")
    // resful 拼接的情况 ,目前只支持三个自定义参数,多的自己再修改代码,或者去怼后端吧
    http.get({
        key:"YOUR_API",
        p1:"hello",
        p2:"world",
    })
    
    // 所有的请求都被拦截包装过的,可根据自己的业务进行包装
    

功能点

1 快速新建组件/pages模板 命令:cnpm/npm run page 并且可以顺便给你app.json 中添加了这个路由

2 eslint/prettier 集成 cnpm run lint/fix

3 小程序全局状态库westore 和 登录解决方案

4 自定义顶部tabBar


5 海报图分享

5.全局按需登录的组件


回到顶部