三步带你开发一个短链接生成平台-飞外

前段时间在开发【葡萄城社区】公众号时有一个功能是需要用网页授权认证地址生成二维码，但类似像下面这样的Url 即便是看也觉得很头疼了https://open.weixin.qq.com/connect/oauth2/authorize?appid=xxxxxxxxxxxxxxxxxx redirect_uri=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx response_type=code scope=snsapi_base state=STATE connect_redirect=1#wechat_redirect

用这个地址生成的二维码也是密密麻麻，虽不影响微信长按扫码，一旦二维码尺寸缩一点点，图片马上就会糊掉，导致摄像头直接扫码会难以识别。

那这种情况下， 我们自然就会想到如果使用短链接减少url的字符，生成的码自然就会变得容易识别了，同时还会使url更美观且易于转发。现在市面上可用的就是微博的t.cn和一些不会直接跳转，而面即可完成所有工作。

var index = require('./routes/index');var url = require('./routes/url');app.use('/', index);app.use('/url', url);

const express = require("express");const router = express.Router();const shortId = require('shortid');const UrlTable = require('../models/urltable');const mongoose = require('mongoose');var setup = require('../dbconfig/db');router.post('/', function(req, res, next) { var params = req.body; var url = params.longUrl;shortId.characters(' 0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ^*') var shortid = shortId.generate(); var objurl = { shortUrl: shortid, longUrl: url}; mongoose.connect(setup.mongo_db, setup.mongo_options); UrlTable.create(objurl, function (err, objurl) { //if (err) console.log(err); res.send("http://localhost:3000/" + shortid); return;

指定生成shortId字符的范围并生成：

shortId.characters('0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ')

var shortid = shortId.generate();

为数据库构建符合要求的数据模型：

var objurl = { shortUrl: shortid, longUrl: url};

最后，连接数据库并保存后将短链接结果返回客户端：

mongoose.connect(setup.mongo_db, setup.mongo_options);

UrlTable.create(objurl, function (err, objurl) {

//if (err) console.log(err);

res.send("http://localhost:3000/" + shortid);

});

const express = require("express");const router = express.Router();const UrlTable = require('../models/urltable');const mongoose = require('mongoose');var setup = require('../dbconfig/db');router.get('/:shortUrl', function (req, res, next) { var shortUrl = req.params.shortUrl; mongoose.connect(setup.mongo_db, setup.mongo_options); UrlTable.findOne({ shortUrl:shortUrl }).then((result) = { //待添加错误处理 res.redirect(result.longUrl);module.exports = router;

这个页面为了便于快速跳转，我们就使用get接收参数，这个就很简单了，接参查询并跳转。

接收短链接码

var shortUrl = req.params.shortUrl;

连接数据库查询并跳转

mongoose.connect(setup.mongo_db, setup.mongo_options);

UrlTable.findOne({ shortUrl:shortUrl }).then((result) = {

//待添加错误处理

res.redirect(result.longUrl);

})

后期大家可以对一些错误异常处理，数据统计等做一些增强，这里就不做补充了。

下面让我们启用应用开始测试吧。

npm start

启动后，默认的访问端口为3000，我们首先测试下短链接生成页，这里我们post一个名为longUrl的长链接参数，数据对象为：

{"longUrl" : "https://demo.grapecity.com.cn/spreadjs/SpreadJSTutorial/features/tables/basic-table/purejs"}

成功生成了如下短链接：

http://localhost:3000/iGE6ZlDmh

我们只要通过访问短链接能正常跳转至保存的长连接即可。

这样就测试通过了，其实代码量不大，原理也很简单。大家如果自己有较短的域名的话，上线后会让链接变得更短、更美观，这样一个属于我们自己短链接生成平台就开发完成了。下面附上源码，执行npm install 即可自动安装所有依赖，如果大家有问题，可通过评论区告诉我。

源码