【Node.js】之第三方中介軟體實現驗證碼

阿新 • • 發佈：2021-01-08

Node.js第三方中介軟體實現驗證碼

svg-captcha驗證碼

使用：

（1）下載

npm i svg-captcha --save

（2）引入

不用app.use

const svgCaptcha=require("svg-captcha")

（3）建立一個ico

let svgico =svgCaptcha.create()
// res.type("svg") 設定渲染的資料的型別
/*
 	可以傳一個物件作為引數
   let svgico= svgCaptcha.create({
        size:6,//驗證碼個數
        ignoreChars:"0o1Il",//忽略的字元
        noise:10,//幾根線
        color:false,//字型是否有顏色
        background:"red",//背景色
    })
*/

（4）程式碼例項

在這裡插入圖片描述
login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
</head>
<body> 
    < 
form action="" method="get">
        驗證碼：<img src="http://localhost:3000/login" alt="12" width="300" height="100">
    </form>
</body>
</html>

verification.js

const express = require('express');
const svgCaptcha = require('svg-captcha' 
);
let app = express();

app.get("/login", (req, res) => {
    let svgico = svgCaptcha.create({
        size: 6,
        ignoreChars: "0o1I1",
        noise: 5,
        color: true,
        background: "#eee"
    })
    // console.log(svgico);
    /*{
         text 給後端去驗證
         data 給前端顯示
     } 
     create可以接收一個物件作為引數
     {
         size:6,//驗證碼個數
         ignoreChars:"0o1Il",//忽略的字元,不會出現在驗證碼裡
         noise:10,//幾根線
         color:false,//字型是否有顏色
         background:"red",//背景色
     }
     */
     res.type("svg"); // 單獨設定檔案型別
     res.send(svgico.data)
})
app.listen(3000, () => {
    console.log("Port 3000 is listening...");
})

【Node.js】之第三方中介軟體實現驗證碼

技術標籤：ES6&Nodejavascriptnode.jses6 Node.js第三方中介軟體實現驗證碼 svg-captcha驗證碼

node.js使用express-fileupload中介軟體實現檔案上傳

目錄初始化專案編寫伺服器初始化客戶端編寫元件FileUploadMessage.Progress.js測試本文使用express作為服務端，使用express-fileupload庫提供的中介軟體函式來接受從客戶端傳來的圖片，並將圖片作為檔案儲存在服務端

【Node.js】專案之註冊與登入

技術標籤：ES6&Nodenode.jses6 註冊 1、判斷賬號密碼驗證碼有沒寫上 2、判斷驗證碼對不對

【最新面試系列之訊息中介軟體】你們的系統架構中為什麼要引入訊息中介軟體？

這篇文章開始，我們把訊息中介軟體這塊高頻的面試題給大家說一下，也會涵蓋一些MQ中介軟體常見的技術問題。

【Node.js】原生Node操作MySQL

原生Node操作MySQL 初始化專案 npminit -y 下載mysql模組 npm install mysql (1) 請求模組 const mysql=require(\"mysql\")

【Node.js】一個很水的node專案搭建流程

一、Node.js和npm node.js不是一門語言，而是一個平臺。 npm是node.js這個平臺的包管理器，下載了node.js後，npm會自動一起下載下來。

【Android休眠】之PowerKey喚醒源實現

受不了xxxx噁心人的行為，遂搬遷至部落格園。始發：2016-12-15 22:19:01 版本資訊：

【爬蟲系列】1. 無事，Python驗證碼識別入門

最近在匯入某站資料（正經需求），看到他們的登入需要驗證碼，本來並不想折騰的，然而Cookie有效期只有一天。

【RabbitMQ】訊息佇列中介軟體學習之RabbitMQ（12）

技術標籤：RabbitMQRabbitMQ網路分割槽pause-minorityautoheal信任分割槽網路分割槽 1. 網路分割槽的意義2. 網路分割槽的判定3. 網路分割槽的模擬4. 網路分割槽的影響4.1 未配置映象4.2 已配置映象

【從零開始學習Node.js】一.在CentOS 7中部署Node.js環境

一.背景資訊 Node.js是一個基於Chrome V8引擎的JavaScript執行環境，用來方便快速地搭建易於擴充套件的網路應用。Node.js使用了一個事件驅動、非阻塞式I/O的模型，使其輕量又高效，非常適合執行在分散式裝置的資料

node JS 中 express 中介軟體實現原理分析

技術標籤：node 一、express express 中介軟體，如下所示： app.use 用來註冊中介軟體，先收集起來遇到 http 請求，根據 path 和 method 判斷觸發哪些實現 next 機制，即上一個通過 next 觸發下一個

【分散式技術專題】「OSS中介軟體系列」Minio的檔案服務的儲存模型及整合Java客戶端訪問的實戰指南

Minio的元資料資料儲存 MinIO物件儲存系統沒有元資料資料庫，所有的操作都是物件級別的粒度的，這種做法的優勢是:

解Bug之路-中介軟體"SQL重複執行"

前言我們的分庫分表中介軟體線上上運行了兩年多，到目前為止還算穩定。在筆者將精力放在處理各種災難性事件(例如中介軟體物理機宕機/資料庫宕機/網路隔離等突發事件)時。竟然發現還有一些奇怪的corner case。現在就

【Android休眠】之Android休眠機制

受不了xxxx噁心人的行為，遂搬遷至部落格園。始發：2016-12-14 21:42:13 一、休眠概述

【Android休眠】之AutoSleep

受不了xxxx噁心人的行為，遂搬遷至部落格園。始發：2016-12-16 13:12:15 版本資訊：

【Python + Appium】之元素定位總結(待更新)

一、ID定位 uiautomatorviewer裡面的：resource-id driver.find_element(By.ID,\"com.csks.businesses:id/tv_number\").click()

【訊息佇列】之 RabbitMQ安裝

RabbitMQ 環境 centos 7 安裝 vi /etc/yum.repos.d/rabbitmq-erlang.repo [rabbitmq-erlang] name=rabbitmq-erlang

【日誌收集】之Loki

Loki 收集日誌元件 loki 服務端 promtail 收集器Agent grafana 展示部署 Loki [root@localhost ~]# cat loki-local-config.yaml

django基礎之Django中介軟體

Django中介軟體中介軟體顧名思義，是介於request與response處理之間的一道處理過程，相對比較輕量級，並且在全域性上改變django的輸入與輸出。因為改變的是全域性，所以需要謹慎實用，用不好會影響到效能

【Vue.js】---vue中單個js檔案寫法

1. vue export 介紹： export 語句用於從模組中匯出函式、物件或原始值，以便其他程式可以通過 import 語句使用它們。

【Node.js】之第三方中介軟體實現驗證碼

Node.js第三方中介軟體實現驗證碼

使用：

（1）下載

（2）引入

（3）建立一個ico

（4）程式碼例項

相關推薦