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

代码哈士奇
• 阅读 1677

使用腾讯云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

点赞
收藏
评论区
推荐文章
秃头王路飞 秃头王路飞
4个月前
webpack5手撸vue2脚手架
webpack5手撸vue相信工作个12年的小伙伴们在面试的时候多多少少怕被问到关于webpack方面的知识,本菜鸟最近闲来无事,就尝试了手撸了下vue2的脚手架,第一次发帖实在是没有经验,望海涵。languageJavaScript"name":"vuecliversion2","version":"1.0.0","desc
光头强的博客 光头强的博客
4个月前
Java面向对象试题
1、请创建一个Animal动物类,要求有方法eat()方法,方法输出一条语句“吃东西”。创建一个接口A,接口里有一个抽象方法fly()。创建一个Bird类继承Animal类并实现接口A里的方法输出一条有语句“鸟儿飞翔”,重写eat()方法输出一条语句“鸟儿吃虫”。在Test类中向上转型创建b对象,调用eat方法。然后向下转型调用eat()方
刚刚好 刚刚好
4个月前
css问题
1、在IOS中图片不显示(给图片加了圆角或者img没有父级)<div<imgsrc""/</divdiv{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:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
小森森 小森森
4个月前
校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
后续会继续更新,敬请期待2.0全新版本欢迎添加左边的微信一起探讨!项目地址:(https://www.aliyun.com/activity/daily/bestoffer?userCodesskuuw5n)\2.Bug修复更新日历2.情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意),\\和注意
晴空闲云 晴空闲云
4个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
3个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
helloworld_28799839 helloworld_28799839
4个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue
密钥管理系统-为你的天翼云资产上把“锁
本文关键词:数据安全,密码机,密钥管理一、你的云上资产真的安全么?1.2021年1月,巴西的一个数据库30TB数据被破坏,泄露的数据包含有1.04亿辆汽车和约4000万家公司的详细信息,受影响的人员数量可能有2.2亿;2.2021年2月,广受欢迎的音频聊天室应用Clubhouse的用户数据被恶意黑客或间谍窃取。据悉,一位身份不明的用户能够将Clubho
NVIDIA安培架构下MIG技术分析
关键词:NVIDIA、MIG、安培一什么是MIG2020年5月,NVIDIA发布了最新的GPU架构:安培,以及基于安培架构的最新的GPU:A100。安培提供了许多新的特性,MIG是其中一项非常重要的新特性。MIG的全名是MultiInstanceGPU。NVIDIA安培架构中的MIG模式可以在A100GPU上并行运行七个作业。多实