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

代码哈士奇 等级 1253 0 1
标签: httpspng

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

收藏
评论区

相关推荐

Gradle系列之三 Gradle概述以及生命周期
1 Gradle是一种编程框架 gradle主要由以下三部分组成 1 groovy核心语法 2 build script block 3 gradle api 注:本章所有的代码都在 https://github.com/jiulu313/gradledemo.git 如下图 73485499237410.png(https://img
深入理解 Go Slice
(https://imghelloworld.osscnbeijing.aliyuncs.com/0ce8a8773a658d4b843e5796a0dbf001.png) image 原文地址:深入理解 Go Slice(https://github.com/EDDYCJY/blog/blob/master/golang/pkg/20
go-map源码简单分析(map遍历为什么时随机的)
GO 中map的底层是如何实现的 首先Go 语言采用的是哈希查找表,并且使用链表解决哈希冲突。 GO的内存模型 先看这一张map原理图 (https://imghelloworld.osscnbeijing.aliyuncs.com/49dfa7b81e19fbab143ddc0a7b3b7fa0.png) map 再来看
大佬说:“不想加班你就背会这 10 条 JS 技巧”
(https://imghelloworld.osscnbeijing.aliyuncs.com/83909ede68f61936ac3ae10c9ce8b223.png) 为了让自己写的代码更优雅且高效,特意向大佬请教了这 10 条 JS 技巧 1\. 数组分割 const listChunk (list
Android Service 流程分析
启动Service过程 Android Service启动时序图 (https://imghelloworld.osscnbeijing.aliyuncs.com/039313fdaaf1e7dea3bde222b3ec9934.png) Android Service启动时序图.png 上图就是Android
Python的map()方法如何使用?
在学习map()方法之前,我们先在交互模式下看下map()的用法说明。 (https://imghelloworld.osscnbeijing.aliyuncs.com/5c398969745b516276e1f7f5c7dcb764.png) 从上面可以得到的信息是: map()返回的是一个map对象(python2.0中返回的是列表
JavaScript中本地存储的方式有哪些?
(https://imghelloworld.osscnbeijing.aliyuncs.com/1f907f0895e2be23aa56604dd42e3626.png) 一、方式 javaScript本地缓存的方法我们主要讲述以下四种: cookie sessionStorage loc
原来Python绘图也可以这么漂亮,这次真的是学习到了!
(https://imghelloworld.osscnbeijing.aliyuncs.com/8830803f033eeed85783e9058cf08968.png) 作者:朱小五 来源:快学Python 👆人生苦短,快学Python! 最近看了一篇文章《一个牛逼的Python 可视化库:PyG2Plot》,可惜只是简单介
Pandas案例精进 | 结构化数据非等值范围查找 ②
(https://imghelloworld.osscnbeijing.aliyuncs.com/4971fbce1ecb759123ecc666f3af2c31.png) 大家好,我是小五🐶 欢迎来到「Pandas案例精进」专栏(https://mp.weixin.qq.com/mp/appmsgalbum?__bizMzU5Nzg
30个前端开发人员必备的顶级工具
在本文中,我为前端Web开发人员汇总了30种顶级工具,从代码编辑器和代码游乐场到CSS生成器,JS库等等。 (https://imghelloworld.osscnbeijing.aliyuncs.com/2e7966318084a45d05a0926cbd749a02.png) 目录 CSS代码生成器 CSS3 Generator
SQL 诞生 48年了!为什么我们仍在使用它?
(https://imghelloworld.osscnbeijing.aliyuncs.com/a784e838a6d497b87a19798716e69fe8.png) 为什么我们仍在使用 SQL? SQL 和关系数据库管理系统(RDBMS)都是在 上世纪70 年代早期开发的。Edgar F. Codd 开发了 RDBMS,而 Do
被“词云”包围的冰冰会更好看吗?安排
(https://imghelloworld.osscnbeijing.aliyuncs.com/b299933deefc692934e8cc6141ab3894.png) 大家好,我是小五🐶 昨天「凹凸数据」发了一篇张同学投稿的文章《用Python爬取王冰冰vlog弹幕并制作词云(https://mp.weixin.qq.com/
[cobra]-强大的CLI应用程序库
关于我 cobra介绍<img src"https://gitee.com/happlyfox/img/raw/master/image20210218091620719.png" alt"title.img" style"zoom:80%;" /Cobra是一个用于创建强大的现代CLI应用程序的库,也是一个用于生成应用程序和命令文件的程序
https://cloud.tencent.com/developer/article/write/1830331
一、目标今天的目标是这个sign和appcode 二、步骤 Jadx没法上了app加了某梆的企业版,Jadx表示无能为力了。 FRIDADEXDumpDexDump出来,木有找到有效的信息。 Wallbreaker葫芦娃的Wallbreaker可以做些带壳分析,不过这个样本,用Frida的Spawn模式可以载入,Attach模式会失败。而直接用Objecti
SCF构建小型服务端并结合uni-app
使用腾讯云SCF构建小型服务端并结合uniapp()小程序我们这里手写了一个nodejs环境下的用户体系使用了之前写的一个数据库连接插件dmhqmysqlpool比较垃圾 凑合用文档地址为 也使用了md5 npm install jsmd5这里使用邮箱发送验证码先在本地写好 再上传云函数 配置数据库连接安装 npm install dmhsqmysqlpo