Node.js实现短链接(ShortLink):shortid、epxress让URL更简单

文章目录

      • 一、短链接介绍
      • 二、插件介绍
        • 1、epxress
        • 2、shortid
      • 三、实现方案
        • 1、安装依赖:
        • 2、实现原理
      • 四、示例代码
      • 五、测试生产短链接

一、短链接介绍

短链接是指仅包含一个网址的链接形式,通俗一些就是将一个很长很复杂的的网址变成一个简短易记的链接。和长链接不同,长链接往往包含多个网址。短链接具有诸多优势,它不仅能够便捷地实现快速导航,还能有效避免过多重复的网址链接,进而提升网站页面的可访问性。

这样做好处在于:

  • url更加美观;
  • 便于保存和传播;
  • 某些网站内容发布有字数限制,短链接可以节约字数。

短链接的应用场景非常广泛,尤其是在网络营销中。以下是一些常见的应用场景:

  • 邮件营销:在邮件内容中插入短链接,便于用户点击和分享,提高点击率和转化率。
  • 社交媒体营销:在社交媒体上发布内容时,使用短链接可以吸引更多的关注和互动。
  • 广告推广:在广告中插入短链接,可以增加广告的曝光率和点击率,提高广告效果。
  • 内容营销:在文章、图片、视频等内容的下方添加短链接,便于用户分享和传播,同时也可以提高内容的曝光率。
  • 在线购物:在电商网站中,使用短链接可以引导用户到产品页面,增加购买转化率。

需要注意的是,在使用短链接时,需要遵守相关法律法规和隐私政策,确保用户隐私和安全。同时,需要合理控制发送频率和数量,避免过度打扰用户造成反感。

二、插件介绍

1、epxress

Express 是一个保持最小规模的灵活的 Node.js Web 应用程序开发框架,为 Web 和移动应用程序提供一组强大的功能。

  • 安装
npm install express
  • 导入
const express = require('express')
  • 使用
const express = require('express')
const app = express()
const port = 3000app.get('/', (req, res) => {res.send('Hello World!')
})app.listen(port, () => {console.log(`Example app listening on port ${port}`)
})
2、shortid

ShortID插件是一款非常实用的工具,主要用于在应用程序中生成短格式的唯一标识符。

  • 默认情况下,7-14 URL友好字符:A-Z,a-z,0-9,_-
  • 支持cluster(自动),自定义种子,自定义字母
  • 可以生成任意数量的ID(无重复),甚至每天数百万
  • 应用程序可以重新启动任何次数,而无需重复ID
  • Mongo ID / Mongoose ID的流行替代品
  • 可在Node,io.js和Web浏览器中使用

使用

  • 安装
npm install shortid
  • 引入

CommonJS:

const shortid = require('shortid');

ES模块

import shortid from 'shortid'
  • API

生成唯一的ShortID,默认情况下,生成的ShortID长度为7个字符

const short_id = shortid.generate()

将生成长度为10的ShortID

const short_id = shortid.generate(10)

自定义生成标识符的字符集

const short_id = shortid.characters('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ')

三、实现方案

1、安装依赖:

epxress 启动服务提供接口
shortid 生成唯一短码

npm install express
npm install shortid
2、实现原理
  • 为每个原链接生成不重复的唯一短链接
  • 将原链接和对应短链接成对保存到数据库
  • 访问短链接时,web服务器将目标重定向到对应的原链接

在这里插入图片描述

四、示例代码

这里只是为了演示,没有使用数据库存储。实际项目中你可以存放到数据库中。

//serve.js

import express from 'express'
import shortid from 'shortid'
const app = express()
app.use(express.json())// 存储短码和url的映射关系
const shortLinks = {'fd8xIoDC': {url: 'https://blog.csdn.net/shanghai597/article/details/138959931?spm=1001.2014.3001.5501',},'DDkq0YYh': {url: 'https://blog.csdn.net/shanghai597/article/details/138790221?spm=1001.2014.3001.5501',},'RwE11i_Ec': {url: 'https://blog.csdn.net/shanghai597/article/details/138911534?spm=1001.2014.3001.5501',},'DBWDvt2rkM': {url: 'https://blog.csdn.net/shanghai597/article/details/131593381?spm=1001.2014.3001.5502',}
}//生成短码 存入数据库
app.post('/createUrl', async (req, res) => {const { url } = req.bodyconst short_id = shortid.generate()shortLinks[short_id] = { url }res.send(`http://localhost:3000/${short_id}`)
})//重定向
app.get('/:shortUrl', async (req, res) => {const short_id = req.params.shortUrlconst result = shortLinks[short_id].urlif (result) {res.redirect(result)} else {res.send('Url not found')}
})app.listen(3000, () => {console.log('Server is running on port 3000')
})

五、测试生产短链接

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/32561.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Android Gradle开发与应用 (一) : Gradle基础

目录 一、什么是Gradle? 1.1 Gradle简介 1.2 Gradle的特点 二、Gradle的安装与配置 2.1 安装Gradle 2.1.1 下载Gradle 2.1.2 解压安装包 2.1.3 配置环境变量 2.1.4 验证安装 2.2 配置Gradle 2.2.1 配置Gradle版本 2.2.2 配置Gradle脚本 三、Gradle的构建文件结构…

TCP数据包长度范围介绍

在TCP协议中,数据被分割成称为TCP数据包(TCP segment)的单元进行传输。 TCP数据包的长度没有固定的范围,它可以根据网络和应用程序的需求而变化。 一般来说,TCP数据包的长度受到以下几个因素的影响: 最大传…

有趣的 Oracle JDBC 驱动包命名问题 - ojdbc6 和 ojdbc14 哪个新?!

有趣的 Oracle JDBC 驱动包命名问题 - ojdbc6 和 ojdbc14 哪个新?! 1 背景概述 最近协助一个小兄弟排查了某作业使用 sqoop 采集 oracle 数据的失败问题,问题现象,问题原因和解决方法都挺直观,但在此过程中发现了一个有趣的 Oracle JDBC 驱…

第三十六章 添加和使用自定义标题元素 - 指定 XData 块中支持的标头元素

文章目录 第三十六章 添加和使用自定义标题元素 - 指定 XData 块中支持的标头元素指定 XData 块中支持的标头元素Details 第三十六章 添加和使用自定义标题元素 - 指定 XData 块中支持的标头元素 指定 XData 块中支持的标头元素 如果使用 SOAP 向导根据给定的 WSDL 创建 Web …

微软Edge浏览器:全面解析与深度探索

一、引言 随着互联网的飞速发展,浏览器作为我们访问网络世界的重要工具,其性能和功能越来越受到用户的关注。微软Edge浏览器自推出以来,凭借其高效的性能、丰富的功能和安全的浏览环境,赢得了众多用户的青睐。本文将全面解析微软…

面试专区|【47道ES67高频题整理(附答案背诵版)】

1.ES5、ES6(ES2015)有什么区别? ES5(ECMAScript 5)和ES6(也称为ECMAScript 2015)是JavaScript语言的两个版本,它们之间有一些重要的区别和改进: let 和 const 关键字: …

Kylin系列:架构和高级功能详解

目录 一、Kylin的架构 1.1 总体架构概述 1.2 数据源 1.3 元数据存储 1.4 构建引擎 1.5 存储引擎 1.6 查询引擎 1.7 用户接口 二、Kylin的高级功能 2.1 多维立方体(Cube) 2.1.1 Cube的定义 2.1.2 Cube的构建 2.2 查询优化 2.3 数据模型和星型模式 2.3.1 数据模…

使用SPI驱动数码管

代码&#xff1a; 7-seg.c /*《AVR专题精选》随书例程3.通信接口使用技巧项目&#xff1a;改进的延时法实现半双工软件串口文件&#xff1a;7seg.c说明&#xff1a;SPI控制数码管驱动文件作者&#xff1a;邵子扬时间&#xff1a;2012年12月15日*/#include <avr/io.h>ex…

Ubuntu:解决github出现 Permission denied (publickey)的问题

因为使用的Ubuntu 长久没有使用&#xff0c;使用下载的时候突然报错&#xff0c;使用ssh key这种方式进行clone &#xff0c;pull github上面的项目&#xff0c;使用 git clone或者git pull origin master出现permission denied (publickey)&#xff0c;原因是因为ssh key过期失…

0 知识的补充

目录 矢量运算 矢量加法 矢量减法 矢量点乘 矢量叉乘 矢量混合积 坐标系 直角坐标系 柱坐标系 球坐标系 ​​​​​​​ 矢量运算 矢量加法 矢量减法 矢量点乘 矢量叉乘 ​​​​​​​ 矢量混合积 坐标系 直角坐标系 柱坐标系 ​​​​​​​ 球坐标系

AcWing算法基础课笔记——求组合数2

求组合数Ⅱ 1万组数据&#xff0c; 1 ≤ b ≤ a ≤ 1 0 5 1 \le b \le a \le 10^5 1≤b≤a≤105&#xff0c;预处理阶乘。时间复杂度 O ( N l o g N ) O(NlogN) O(NlogN) C a b a ! ( b − a ) ! b ! C_a^b \frac{a !}{(b - a)! b!} Cab​(b−a)!b!a!​ 预处理出 i ! i ! i…

力扣148A

文章目录 1. 题目链接2. 题目代码3. 题目总结 1. 题目链接 Insomnia cure 2. 题目代码 #include<iostream> using namespace std; int main(){int dragonDamagedByPan;int dragonDamagedByDoor;int dragonDamagedByheel;int dragonDamagedBythreat;int totalNumberOfDra…

高速缓存存储器(Chche)

为了解决CPU和主存之间速度不匹配的问题&#xff0c;计算机系统中引入了高速缓存&#xff08;Chche&#xff09;的概念。 基本想法&#xff1a;使用速度更快但容量更小、价格更高的SRAM制作一个缓冲存储器&#xff0c;用来存放经常用到的信息&#xff1b;这样一来&#xff0c;…

Geopandas函数大全

GeoSeries函数和方法解析 GeoSeries.plot(self, *args, **kwargs) 几何图形空间可视化GeoSeries.area 返回几何图形的面积GeoSeries.bounds 返回几何图形x、y的最大最小值GeoSeries.length 返回几何图形的长度GeoSeries.geom_type 返回几何类型GeoSeries.distance(self, other…

嵌入式系统固件升级方案设计

文章目录 0. 概要1. 存储布局2. 升级文件格式配置文件格式 3. UML图组件图状态图活动图 4. C代码示例异常处理模块化代码示例实用工具函数 5. 其它故障处理方案性能优化安全性分析版本控制策略 6. 总结 0. 概要 在嵌入式系统中&#xff0c;固件升级是一个至关重要的功能。为了…

小白指南:前端使用javascript如何判断集合是不是空集合?

背景 最近在开发一个Web应用时&#xff0c;我遇到了一个关于集合处理的问题。具体来说&#xff0c;我需要判断一个集合是否为空。集合可以是数组、对象、Map或Set等不同的数据结构。就简单的整理了一下如何在JavaScript中有效地判断一个集合是否为空呢&#xff1f; 解决方案 …

鸿枫网盘,文件夹面包屑跳转实现功能

新增功能&#xff0c;磁盘格式化&#xff0c;层级面包屑跳转&#xff0c;视频预览优化 主要记录一下面包屑的实现思路 2.1 面包屑渲染 <el-breadcrumb separator-class"el-icon-arrow-right"> <el-breadcrumb-item> <el-link :under…

Pytorch(5)-----梯度计算

一、问题 如何使用Pytorch计算样本张量的基本梯度呢&#xff1f;考虑一个样本数据集&#xff0c;且有两个展示变量&#xff0c;在给定初始权重的基础上&#xff0c;如何在每次迭代中计算梯度呢&#xff1f; 二、如何运行 假设有x_data 和 y_data 列表&#xff0c;计算两个列表需…

树莓派4B设置AP热点步骤

树莓派4B设置AP热点步骤&#xff1a;先进入root模式 预先进行apt-get update 第1步&#xff1a;安装network-manager ​sudo apt-get install network-manager第2步&#xff1a;安装git apt-get install git apt-get install util-linux procps hostapd iproute2 iw haveged …

Chrome插件: Octotree让你GitHub代码浏览速度飙升

在GitHub上浏览和管理项目代码时&#xff0c;您是否曾为复杂的目录结构感到困惑&#xff1f;如果有一种工具能够让您轻松浏览项目的文件和目录&#xff0c;会不会大大提升您的工作效率&#xff1f;这正是Octotree浏览器插件所能做到的。 不过说实话&#xff0c;GitHub自带的代码…