美文网首页
小程序端和node端存取cache

小程序端和node端存取cache

作者: 好奇的猫猫猫 | 来源:发表于2019-01-25 15:06 被阅读0次

参加了一个为期一周的小项目,推广一个“送春联,拜大年”的春节活动,因为是练手,所以就自己写完了前端和node端,将数据存在了cache里,再从cache里取到前端页面,没有关联数据库。
项目完成后,将操作步骤整理一下,和小伙伴们一起学习哈( ̄ω ̄( ̄ω ̄〃 ( ̄ω ̄〃)ゝ
1.在小程序端的api文件里写了saveSpring()

//保存春联
ActivityServie.saveSpring = function(data) {
    return request.post('/MicroActivity/saveSpring', data)
}
//获取春联
ActivityServie.getSaveSpring = function(data) {
    return request.post('/MicroActivity/getSaveSpring', data)
}

2.将这个文件引入到需要用到该接口的vue文件里,调用该接口,查看返回值
3.在node端的router文件中

//保存春联
router.post('/saveSpring', controller.saveSpring);
//获取春联
router.post('/getSaveSpring', controller.getSaveSpring);

4.在controller层

var controller = {
    /**
     * 春联活动保存接口
     */
    saveSpring: async function(ctx, next) {
        var data = ctx.request.body;
        var result = await microActivityService.saveSpring(data);
        ctx.rest(200, "", result);

    }
}

5.在service层

const microActivityService = {
    setData: async function(orgId, activityId, data, time) {
        var key = `${orgId}|${activityId}`
        await cache.set(key, data, time)
        return true

    },
    saveSpring: async function(data) {
        // 保存春联
        await microActivityService.setData(data.orgId, data.activityId, data, 100000)
        var res = await cache.get(`${data.orgId}|${data.activityId}`)
        console.log('save' + `${data.orgId}|${data.activityId}`);

        return res
    }
}

这里封装了setData函数,将orgid和activityid设为一个key值,将前端页面传过来的数据保存到这个key值里

到这里就成功将数据存到cache里,接下来就是取数据的步骤

6.在controller层

  /**
     * 获取春联活动详情
     */
    getSaveSpring: async function(ctx, next) {
        var data = ctx.request.body;
        var result = await microActivityService.getSaveSpring(data);
        ctx.rest(200, "", result);

    }

将前端传过来的取数据的时候需要用到的数据传进来,作为参数传到service层
7.在service层

    getSaveSpring: async function(data) {

        var res = await cache.get(`${data.orgId}|${data.activityId}`)

        return res;
    }

通过key值取到数据,返回到controller层
8.在前端页面通过调用接口的返回值取到cache里的值
OK!大功告成啦~

相关文章

  • 小程序端和node端存取cache

    参加了一个为期一周的小项目,推广一个“送春联,拜大年”的春节活动,因为是练手,所以就自己写完了前端和node端,将...

  • 小程序上传组件

    小程序端: 后端node[https://so.csdn.net/so/search?q=node&spm=100...

  • 浅聊 HTTP Cache

    概述 所谓的 HTTP Cache 机制,其实是服务端和客户端之间的一套约定,需要依靠客户端和服务端程序来具体实现...

  • Node.js

    Node为一门后端语言(服务端器的程序语言),能够连接数据库存取数据,能够接收和处理网络请求(服务器的响应,发送请...

  • PHP 小程序支付

    小程序端 调用wx.requestPayment,所需要的参数都从服务端获取 服务端 小程序需要的参数: 小程序端...

  • 六. 记一次优化

    vue-styleguidist端,也就是vue端, 需要拆分出使用指南,vue端,小程序端. 小程序端通过脚本,...

  • 微信小程序wepy框架入门教程-搭建开发环境(一)

    文档 wepy快速指南 小程序框架wepy开发文档 wepy开源 wepy官方文档 1:安装node 端开发框架和...

  • 字节序:大端法和小端法

    大端和小端 大端法:高位保存在低地址中。 小端法:高位存放在高地址中, 程序判断大端法还是小端法 大端和小端法对程...

  • 微信小程序&PHP 微信支付接口调用

    小程序端 服务器端

  • 客户端与服务器端(一)

    客户端与服务器端 将服务器端(后台node)的程序跑起来 服务器端主机地址:192.168.1.224启动本地文件...

网友评论

      本文标题:小程序端和node端存取cache

      本文链接:https://www.haomeiwen.com/subject/iqgmjqtx.html