持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第26天,点击查看活动详情
系列介绍
该系列主要是介绍一些nodejs相关的基础知识,没有什么特别难的知识点,都是一些比较基础知识点。大家学习起来,也会比较容易理解和接收。
这些知识点,也是以前自己学习nodejs的时候,学习过的知识点。有些知识点,可能是由于学习的时间比较久了,也有可能是平时工作中用到的机会比较少,也差不多快把它们都忘记掉了。现在把它们都写下来,写成文章,一方面是记录下自己以前学习的nodejs知识点,一方面也是复习巩固自己以前学习的nodejs知识点。不要学着学着,就把以前的知识点都忘光了。
环境安装
实现之前,你首先需要安装nodejs环境。因为我们写的代码需要在node环境上运行,如果你没有,那么文件会运行不了。
以下是nodejs的安装地址,如果你没有安装的话,可以先把它安装上。安装了可以忽略这一步,跳到下面一步。
前言
在上一篇文章里nodejs系列:79.koa之图形验证码-上,主要是完成了我们示例里要用到的客户端页面。
接下来,我们将完成我们的服务器端的代码逻辑。
示例
我们将要完成示例里要用到的服务器端代码
创建文件
创建一个index.js文件,我们的服务器端代码,将在这个文件里面完成。
引入koa
const koa = require("koa");
const app = new koa();
引入koa,创建koa的实例对象
引入koa-cors
const cors = require("koa-cors");
app.use(cors());
在介绍原生nodejs之图形验证码功能的时候,会遇到浏览器的跨域问题。为了解决跨域问题,引入koa-cors中间件,来解决跨域问题。
引入svg-captcha
const svgCaptcha = require("svg-captcha");
引入svg-captcha,后面创建图形验证码的时候需要使用。
koa-router
const KoaRouter = require("koa-router");
const router = new KoaRouter();
router.get("/image", (ctx) => {
const verification = svgCaptcha.create({
size: 4,
background: "#eee",
});
ctx.body = {
code: 200,
data: verification,
};
});
引入koa-router,创建路由对象,定义一个/image路由。
在/image路由了,使用svg-captcha创建一个图形验证码,然后把该图形验证码返回给到客户端。
监听端口
app.listen(3000, () => {
console.log("服务器启动了");
});
监听端口,启动服务器。
小结
本小节,主要是完成了koa之图形验证码示例的服务器端代码逻辑,为后面的前后端联调做好准备。
最后,放上自己比较喜欢的一句诗句:
千淘万漉虽辛苦,吹尽狂沙始到金 - 唐 刘禹锡《浪淘沙》