欢迎您访问宜州一中 您可以登录 或注册
 
收藏本站 简繁转换
一方天地育桃李,三尺讲台竞风采             宜州区一中在宜州博物馆举行“人杰地灵读宜州”故事分享会             宜州一中举行2024届中考百日誓师大会             龙腾启新 筑梦未来 ——宜州区第一中学欢庆2024年元旦文艺晚会             走进嘉联丝厂 畅享研学之乐 ——宜州区第一中学开展研学实践活动             2023年河池市宜州区第一中学/宜州区红卫学校家庭经济困难大学新生入学资助项目发放名册(第二批)             展科技志向,圆飞行梦想 ——宜州区一中2025届举行无人机大赛             2023年河池市宜州区第一中学\红卫学校 家庭经济困难大学新生入学资助项目发放名册(第一批)             法制进校园 以法促成长 ——宜州一中举行“三姐护蕾”法治进校园活动             “英”你精彩,“语”你同行 —— 我校2025届举行英文风采大赛            

DoraCMS

您现在的位置是:首页>文档内容页

文档详情

NodeJs 根据链接生成二维码实现扫描后通过手机访问页面

doramart 2024-05-14 02:57:22 技术文档235227
今天给文档详情页增加了二维码扫描的功能,这个功能也是自己百度的,比较简单,记录下

    今天给文档详情页增加了二维码扫描的功能,这个功能也是自己百度的,比较简单,记录下。

    生成二维码需要一个小插件,对比了一下,qr-image ( https://github.com/alexeyten/qr-image) 比较合适,轻量级,操作方便。步骤如下:


1、安装 qr-image

npm install qr-image --save

这里加 --save 可以把该插件自动加入到package文件里,比较方便


2、实现(后端)

//文章二维码生成
router.get('/qrImg/show', function(req, res, next) {
    var params = url.parse(req.url,true);
    var detailLink = params.query.detailLink;
    try {
        var img = qr.image(detailLink,{size :10});
        res.writeHead(200, {'Content-Type': 'image/png'});
        img.pipe(res);
    } catch (e) {
        res.writeHead(414, {'Content-Type': 'text/html'});
        res.end('<h1>414 Request-URI Too Large</h1>');
    }
});

3、实现(前端)

                    <img class="pull-left" width="87" height="87" alt="手机预览此网页" src="/content/qrImg/show?detailLink=http://<%=myDomain%>/details/<%=detailInfo._id%>.html"/>

只需要请求接口 /content/qrImg/show , 将指定文章链接通过参数 detailLink 传到后台就可以了,有点类似验证码的概念,是不是很简单

文章评论

取消回复
登录 参与评论

评论列表(