SCF构建小型服务端并结合uni-app

代码哈士奇
• 阅读 1592

使用腾讯云SCF构建小型服务端并结合uni-app()小程序

我们这里手写了一个nodejs环境下的用户体系 使用了之前写的一个数据库连接插件dmhq-mysql-pool比较垃圾 凑合用 文档地址为 https://github.com/dmhsq/dmhsq-mysql-pool/blob/main/README.md 也使用了md5 npm install js-md5

这里使用邮箱发送验证码 先在本地写好 再上传云函数

配置数据库连接

安装 npm install dmhsq-mysql-pool

新建一个文件db.js

const database = require("dmhsq-mysql-pool");
const configs = {
    host: 'xxxx',
    port: 'xxxx',
    user: 'xxxx',
    password: 'xxxx',
    database: "xxxx"
}
let user = new database(configs).table("user")
let codes = new database(configs).table("email")
module.exports = {
    user,
    codes
};

用户数据表名 user SCF构建小型服务端并结合uni-app

验证码表 名email 由于只用到邮箱验证码 SCF构建小型服务端并结合uni-app

配置邮箱发送模块

这里的user 和 pass 为STMP获取 在各大邮箱的设置可以找到 邮箱转发服务 npm install nodemailer nodemailer文档

const nodemailer = require('nodemailer')

const transporter = nodemailer.createTransport({
    service: 'qq', // no need to set host or port etc.
    auth: {
        user: 'xxxxx@qq.com',
        pass: 'xxxxxxx'
    }
});

const sendCode = async (email,code,time) => {
    let message = {
        from: "验证码<xxxxx@qq.com>",
        to: email,
        subject: "验证码服务",
        html: `<html>
                    <head>
                        <meta charset="utf-8">
                        <title></title>
                    </head>
                    <body>
                        <div>
                            <p style="font-size: 20px;">欢迎您使用,您的验证码为 
                            <span style="color: blue;font-size: 30px;font-weight: 800;">${code}</span> ,有效时间为${time/60}分钟, 请勿泄露并及时验证</p>

                            <div style="margin-top: 50px;"></div>
                            <p style="color: red;font-size: 25px;">请勿回复</p>
                        </div>
                    </body>
                </html>`
    };
    await transporter.sendMail(message)
    return {
            code:0,
            msg:"邮件已发送,如果没有收到,请检查邮箱"
        }
}

module.exports = {sendCode};

编写简单用户体系

const {
    user,
    codes
} = require("./db.js");
const {
    sendCode
} = require("./email.js");
const md5 = require("js-md5")

//注册模块
const sign = async (username, password) => {
    const dfp = password
    password = md5(password);
    let isH = await user.where({username}).get();
    if(isH.data.length>0){
        return {
            code: 5742,
            msg: "用户名已被占用",
        }
    }
    const _id = md5(Math.random().toString(36)).substr(0, 10);
    let res = await user.add({
        username,
        password,
        _id
    }).get();
    let rsp = {
        code: 5741,
        msg: "注册失败",
    }
    if (res.code == 0) {
        let userRes = await login(username, dfp);
        rsp = {
            code: 0,
            msg: "注册成功"
        }
        if (userRes.code == 0) {
            rsp.data = userRes.userInfo
        }
    }
    return rsp;
}

//登陆模块
const login = async (username, password) => {
    password = md5(password)

    let res = await user.where({
        username,
        password
    }).get()
    if (!res.data.length) {
        return {
            code: 9001,
            msg: "用户名或者密码错误"
        }
    } else {
        let token = md5(md5(Math.random().toString(36)) + md5(Math.random().toString(36)));
        const tokenExpired = parseInt(Date.parse(new Date()).toString().substr(0, 10)) + 72000;
        const last_login_time = parseInt(Date.parse(new Date()).toString().substr(0, 10));
        let qres = await user.updata({
            token_expired: tokenExpired,
            token,
            last_login_time
        }).where({username}).get();
        if (qres.code == 0) {
            return {
                code: 0,
                userInfo: {
                    token,
                    tokenExpired,
                    username
                }
            }
        } else {
            return {
                code: 9002,
                msg: "登陆失败",
                data: qres
            }
        }

    }
}

//邮箱发送模块
const sendEmailCode = async (email, type) => {
    const randomStr = '00000' + Math.floor(Math.random() * 1000000)
    const code = randomStr.substring(randomStr.length - 6);
    let time = 3600
    const check_time = parseInt(Date.parse(new Date()).toString().substr(0, 10)) + time;
    let res = {}
    res = await sendCode(email, code, time)
    if (res.code == 0) {
        await codes.add({
            email,
            code,
            check_time,
            state: 0,
            type
        }).get();
    } else {
        res = {
            code: 4046,
            msg: "发送失败"
        }
    }
    return res
}


//验证码校验
const checkCode = async (email, code, type) => {
    let result = await codes.where({
        email,
        code,
        type
    }).sort({
        check_time: "DESC"
    }).get();
    let data = result.data;
    let res = {}
    if (data.length == 0) {
        res = {
            code: 4048,
            msg: "验证码错误"
        }
    } else {
        data = data[0]
        const check_times = parseInt(Date.parse(new Date()).toString().substr(0, 10));
        if (data.state == 0 & data.check_time > check_times) {
            await codes.updata({
                state: 1
            }).where({
                email
            }).get()
            res = {
                code: 0,
                msg: "验证通过"
            }
        } else if (data.check_time < check_times) {
            res = {
                code: 4044,
                msg: "验证码失效"
            }
        } else if (data.state == 1) {
            res = {
                code: 4045,
                msg: "验证码已经验证"
            }
        } else {
            res = {
                code: 4048,
                msg: "验证码错误"
            }
        }
    }
    return res;
}


//邮箱绑定
const bind = async (username, email, code) => {
    const check_code = await checkCode(email, code, "bind");
    const check_user = await user.where({
        username,
        email
    }).get();
    let res = {}
    if (check_user.data.length > 0) {
        res = {
            code: 74174,
            msg: "用户已经绑定邮箱"
        }
    } else {
        if (check_code.code == 0) {
            const datas = await user.updata({
                    email
                }).
                where({
                    username
                }).get();
            if (datas.code == 0) {
                res = {
                    code: 0,
                    msg: "绑定成功"
                }
            }
        }else{
            res = check_code
        }
    }
    return res;
}

//邮箱解除绑定
const unbind = async (username, email, code) => {
    const check_code = await checkCode(email, code, "unbind");
    const check_user = await user.where({
        username,
        email
    }).get();
    let res = {}
    if (check_user.data.length == 0) {
        res = {
            code: 74175,
            msg: "用户还未绑定邮箱"
        }
    } else {
        if (check_code.code == 0) {
            const datas = await user.updata({
                    email: ""
                }).
                where({
                    username
                }).get();
            if (datas.code == 0) {
                res = {
                    code: 0,
                    msg: "解除绑定成功"
                }
            }
        }else{
            res = check_code
        }
    }
    return res;
}

//邮箱校检登录
const checkCodeLogin = async (email, code) => {
    const ress = await checkCode(email, code, "login")
    const isH = await user.where({email}).get();
    if(isH.data.length==0){
        return {
            code:9003,
            msg:"非法邮箱(邮箱未绑定用户)"
        }
    }
    if (ress.code == 0) {
        let token = md5(md5(Math.random().toString(36)) + md5(Math.random().toString(36)));
        const tokenExpired = parseInt(Date.parse(new Date()).toString().substr(0, 10)) + 72000;
        const last_login_time = parseInt(Date.parse(new Date()).toString().substr(0, 10));
        let qres = await user.updata({
            token_expired: tokenExpired,
            token,
            last_login_time
        }).where({
            email
        }).get();
        if (qres.code == 0) {
            res = {
                code: 0,
                userInfo: {
                    token,
                    tokenExpired,
                    email
                }
            }
        } else {
            res = {
                code: 9002,
                msg: "登陆失败",
                data: qres
            }
        }
    }
    return res;
}

//token校检
const checkToken = async (token) => {
    const reqs = await user.where({
        token
    }).get();
    let res = {}
    if (reqs.data.length > 0) {
        const userInfos = reqs.data[0]
        const check_time = userInfos.token_expired;
        const now_time = parseInt(Date.parse(new Date()).toString().substr(0, 10));
        if (check_time > now_time) {
            res = {
                code: 0,
                userInfo: {
                    username: userInfos.username
                }
            }
        } else {
            res = {
                code: 7412,
                msg: "token过期"
            }
        }
    } else {
        res = {
            code: 7417,
            msg: "token非法"
        }
    }
    return res;
}

module.exports = {
    sign,
    login,
    sendEmailCode,
    checkCode,
    bind,
    unbind,
    checkCodeLogin,
    checkToken
}

编写主程序

const userCenter = require("./user.js")

index.main_handler = async (event, context) => {

    let noCheckAction = ['sign', 'checkToken', 'login', 'checkCode', 'loginByEmail', 'emailCode']
    let params = event.queryString;
    let res = {}
    const {
        action
    } = params
    if (noCheckAction.indexOf(action) === -1) {
        if (!params.token) {
            res = {
                code: 401,
                msg: '缺少token'
            }
            return res;
        }else{
            let datas = await userCenter.checkToken(params.token)
            if (datas.code != 0) {
                res = datas
                return res;
            }else{
                params.username = datas.userInfo.username;
            }
        }

    }
    switch (action) {
        case "sign": {
            const {
                username,
                password
            } = params;
            res = await userCenter.sign(username, password);
            break;
        }
        case "login": {
            const {
                username,
                password
            } = params;
            res = await userCenter.login(username, password)
            break;
        }
        case "emailCode": {
            const {
                email,
                type
            } = params;
            res = await userCenter.sendEmailCode(email, type)
            break;
        }
        case "checkCode": {
            const {
                email,
                code,
                type
            } = params;
            res = await userCenter.checkCode(email, code, type)
            break;
        }
        case "bind": {
            const {
                username,
                email,
                code
            } = params;
            res = await userCenter.bind(username, email, code)
            break;
        }
        case "unbind": {
            const {
                username,
                email,
                code
            } = params;
            res = await userCenter.unbind(username, email, code)
            break;
        }
        case "loginByEmail": {
            const {
                email,
                code
            } = params;
            res = await userCenter.checkCodeLogin(email, code)
            break;
        }
        case "checkToken": {
            const {
                token
            } = params;
            res = await userCenter.checkToken(token)
            break;
        }
        default: {
            res = {
                code: 403,
                msg: "非法访问"
            };
            break;
        }
    }


    return res;
}

创建云函数

SCF构建小型服务端并结合uni-app

注意这里的执行方法 SCF构建小型服务端并结合uni-app 选择我们的项目文件夹 SCF构建小型服务端并结合uni-app 上传文件夹

部署

创建触发器

SCF构建小型服务端并结合uni-app SCF构建小型服务端并结合uni-app

点击api名称管理 SCF构建小型服务端并结合uni-app

编辑触发器 SCF构建小型服务端并结合uni-app

关闭集成响应

SCF构建小型服务端并结合uni-app

测试

触发器 拿到请求地址 SCF构建小型服务端并结合uni-app 测试注册 SCF构建小型服务端并结合uni-app

做个小程序

这里使用 uni-app做微信小程序

由于我们只用了 用户模块 那么我们就整合用户模块

页面很简单 登录 注册 邮箱登录 邮箱绑定 邮箱解绑 SCF构建小型服务端并结合uni-app SCF构建小型服务端并结合uni-app 页面代码

<template>
    <view class="content">
        <view v-if="is_us">
            <input v-model="username" placeholder="用户名" />
            <input v-model="password" type="password" placeholder="密码" />
            <text @click="is_us=false">邮箱验证码登录</text>
        <button @click="login()">登录</button>
        <button @click="register()">注册</button>
        </view>
        <view v-if="!is_us">
            <input v-model="email" placeholder="邮箱" />
            <input v-model="code" placeholder="验证码" />
            <text @click="is_us=true">账号密码登录</text>
            <button @click="sendEmail('login')">发送验证码</button>
        <button @click="loginEm()">登录</button>
        </view>
        <view>
            <view>用户名:{{userInfo.username}}</view>
            <view>token过期时间:{{userInfo.tokenExpired | timeDel }}</view>
            <view>token:{{userInfo.token}}</view>
        </view>
        <view v-if="userInfo.token!=''">
            <input v-model="email" placeholder="邮箱" />
            <input v-model="code" placeholder="验证码" />
            <button @click="sendEmail('bind')">发送绑定验证码</button>
            <button @click="sendEmail('unbind')">发送解绑验证码</button>
            <button @click="bindEm()">绑定</button>
            <button @click="unbindEm()">解绑</button>
        </view>
        <view>
            <view>{{userInfoG}}</view>
            <button @click="getUserInfo()">获取信息</button>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello',
                is_us: true,
                username:"",
                password:"",
                email:"",
                code:"",
                userInfo: {
                    username: "未登录",
                    token:"",
                    tokenExpired:""
                },
                userInfoG:{}
            }
        },
        filters:{
            timeDel(val) {
                if(!val){
                    return ""
                }
                var date = new Date(val*1000); //时间戳为10位需*1000,时间戳为13位的话不需乘1000
                var Y = date.getFullYear() + '-';
                var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
                var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ';
                var h = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
                var m = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
                var s = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
                return Y + M + D + h + m + s;
            }
        },
        onLoad() {

        },
        methods: {
            req(action,other){
                return new Promise(resolve=>{
                    uni.request({
                        method:'POST',
                        url:`xxx/userCenter?action=${action}&${other}`,
                        success:res=>{
                            resolve(res.data)
                        }
                    })
                })
            },
            getUserInfo(){
                let tokens = uni.getStorageSync('token')
                this.req('checkToken',`token=${tokens}`).then(res=>{
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                    this.userInfoG = JSON.stringify(res)
                })
            },
            register(){
                this.req('sign',`username=${this.username}&password=${this.password}`).then(res=>{
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                    if(res.code==0){
                        let userInfo = res.data
                        uni.setStorageSync("token",userInfo.token)
                        uni.setStorageSync("tokenExpired",userInfo.tokenExpired)
                        this.userInfo = userInfo
                    }
                })
            },
            login(){
                this.req('login',`username=${this.username}&password=${this.password}`).then(res=>{
                    console.log(res)
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                    if(res.code==0){
                        let userInfo = res.userInfo
                        uni.setStorageSync("token",userInfo.token)
                        uni.setStorageSync("tokenExpired",userInfo.tokenExpired)
                        this.userInfo = userInfo
                    }
                })
            },
            sendEmail(type){
                this.req('emailCode',`email=${this.email}&type=${type}`).then(res=>{
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                })
            },
            loginEm(){
                this.req('loginByEmail',`email=${this.email}&code=${this.code}`).then(res=>{
                    console.log(res)
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                    if(res.code==0){
                        let userInfo = res.userInfo
                        uni.setStorageSync("token",userInfo.token)
                        uni.setStorageSync("tokenExpired",userInfo.tokenExpired)
                        this.userInfo = userInfo
                    }
                })
            },
            bindEm(){
                let tokens = uni.getStorageSync('token')
                this.req('bind',`username=${this.username}&email=${this.email}&code=${this.code}&token=${tokens}`).then(res=>{
                    console.log(res)
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                })
            },
            unbindEm(){
                let tokens = uni.getStorageSync('token')
                this.req('unbind',`username=${this.username}&email=${this.email}&code=${this.code}&token=${tokens}`).then(res=>{
                    console.log(res)
                    uni.showToast({
                        title:res.msg,
                        icon:'none'
                    })
                })
            }
        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>

测试

注册

SCF构建小型服务端并结合uni-app

登录

SCF构建小型服务端并结合uni-app

获取个人信息

SCF构建小型服务端并结合uni-app

绑定/解除绑定邮箱

SCF构建小型服务端并结合uni-app

邮箱验证码登录

没有绑定则邮箱非法 SCF构建小型服务端并结合uni-app

数据库状态

SCF构建小型服务端并结合uni-app SCF构建小型服务端并结合uni-app

点赞
收藏
评论区
推荐文章
刚刚好 刚刚好
6天前
css问题
1、 在IOS中图片不显示(给图片加了圆角或者img没有父级) <div<img src""/</div div {width: 20px; height: 20px; borderradius: 20px; overflow: h
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录 问题 用navicat导入数据时,报错: 原因这是因为当前的MySQL不支持datetime为0的情况。 解决修改sql\mode: sql\mode:SQL Mode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。 全局s
Souleigh ✨ Souleigh ✨
1年前
前端性能优化 - 雅虎军规
无论是在工作中,还是在面试中,web前端性能的优化都是很重要的,那么我们进行优化需要从哪些方面入手呢?可以遵循雅虎的前端优化35条军规,这样对于优化有一个比较清晰的方向. 35条军规1. 尽量减少 HTTP 请求个数——须权衡2. 使用 CDN(内容分发网络)3. 为文件头指定 Expires 或 CacheControl ,使内容具有缓存性。4. 避免空的
代码哈士奇 代码哈士奇
1年前
nodejs环境快速操作mysql数据库
github地址 引入依赖包 npm install dmhsqmysqldb可用于腾讯云SCF 云函数 云开发环境 效果如下 简化了mysql的使用 未经本人允许,禁止转载 安装npm install dmhsqmysqldb 使用示例快速操作mysql 错误处理尚未完善 部分错误参考mysql错误返回的均为Prom
Wesley13 Wesley13
11个月前
cobol学习之十数据库的增删改查模板
这次连接数据库使用的是ODBC连接access数据库,里面主要是一个增删改查的模板备份,方便以后查询。 000001 IDENTIFICATION DIVISION. 000002 PROGRAM-ID. SAMPLEDB2. 00
Stella981 Stella981
11个月前
Android So动态加载 优雅实现与原理分析
> 背景:漫品Android客户端集成适配转换功能(基于目标识别(So库35M)和人脸识别库(5M)),导致apk体积50M左右,为优化客户端体验,决定实现So文件动态加载. ![](https://oscimg.oschina.net/oscnet/00d1ff90e4b34869664fef59e3ec3fdd20b.png) 点击上方“蓝字”关注我
Wesley13 Wesley13
11个月前
PHP中的NOW()函数
是否有一个PHP函数以与MySQL函数`NOW()`相同的格式返回日期和时间? 我知道如何使用`date()`做到这一点,但是我问是否有一个仅用于此的函数。 例如,返回: 2009-12-01 00:00:00 * * * ### #1楼 使用此功能: function getDatetimeNow() {
Wesley13 Wesley13
11个月前
MySQL部分从库上面因为大量的临时表tmp_table造成慢查询
#### 背景描述 # Time: 2019-01-24T00:08:14.705724+08:00 # User@Host: **[**] @ [**] Id: ** # Schema: sentrymeta Last_errno: 0 Killed: 0 # Query_time: 0.315758 Lock_
常用知识整理
# Javascript ## 判断对象是否为空 ```js Object.keys(myObject).length === 0 ``` ## 经常使用的三元运算 > 我们经常遇到处理表格列状态字段如 `status` 的时候可以用到 ``` vue
helloworld_34035044 helloworld_34035044
2个月前
皕杰报表之UUID
​在我们用皕杰报表工具设计填报报表时,如何在新增行里自动增加id呢?能新增整数排序id吗?目前可以在新增行里自动增加id,但只能用uuid函数增加UUID编码,不能新增整数排序id。 uuid函数说明:获取一个UUID,可以在填报表中用来创建数据ID语法:uuid() 或 uuid(sep)参数说明:sep 布尔值,生成的uuid中是否包含分隔符'',缺省为