2. 程式人生 > >Nodejs+mySql實現長地址轉短地址

Nodejs+mySql實現長地址轉短地址

阿新 • • 發佈：2018-06-02
XP 域名 length character 重啟 into head val 下載

一、開發原因

　　之前公司用一些在線的轉短地址網站，但出來的的地址輸入沒規則，輸入太麻煩了，而且掃碼還需要安裝一個掃碼的軟件，在一個就是不能轉換本地代理的地址（例：http://192.168.1.200:8080），心累。正好公司有個閑置的電腦做服務器，想著幹嘛不搞個本地的轉短地址工具，這樣可以隨意設置，想咋弄就咋弄。

　　註：這個插件沒有部署到服務器上，只是在本地搭建了一個可運行環境，在局域網內可以隨意訪問。不過只要部署到服務器，再給個域名，就完全可以用，童鞋們可以自行補全。

二、開發環境

  1. 系統環境：macOS, Version 10.13.1
  2. nodejs (v9.2.0)　　後臺語言
  3. mysql (v5.7.17)　　數據庫
  4. MySQLWorkbench (v6.3.10)　　數據庫可視化工具
  5. Chrome Extension　　Chrome插件

三、分析開發流程

  1. 獲取長鏈接地址
  2. 把地址傳給後臺
  3. 查找數據庫裏面是否存在改地址
  4. 生成短地址
  5. 返回短地址數據

四、開發流程

　4.1 分析數據庫、搭建數據庫

　　　數據庫至少需要三個字段（id、長地址、短地址），三個字段一目了然就不做介紹了。裝好mySql後大神可以直接用命令行建數據庫，我這裏用的一個可視化工具（MySQLWorkbench）建的數據庫。對於數據庫最重要的一點是要設置字符集格式，因為地址中會出現一些類似xxx=xxx&xxx=xxx這樣的數據，這樣在做比較的時候就會報錯。可以添加如下代碼解決：　

1 SET collation_connection = ‘utf8_general_ci‘;
2 ALTER DATABASE url CHARACTER SET utf8 COLLATE utf8_general_ci;
3 ALTER TABLE url.shortUrl CONVERT TO CHARACTER SET utf8 COLLATE utf8_general_ci;

技術分享圖片

　4.2 搭建後臺程序框架

　　　　後臺框架很簡單，主要兩個文件就搞定，結構如下：

技術分享圖片

　　　　app.js文件用來開本地服務，以及處理傳進來的信息（長地址）。mysqlPool.js用來操作數據庫。

app.js：

 1 var http = require(‘http‘);
 2 var url = require(‘url‘);
 3 var UrlInfo = require(‘./routes/mysqlPool‘);
 4 
 5 var serve = http.createServer(function(req, res){
 6 　　 // 過濾favicon.ico請求
 7     if(req.url !== ‘/favicon.ico‘){
 8         var obj = url.parse(req.url, true);
 9         var pathname = obj.pathname;
10         // 分割地址信息
11         var nameArr = pathname.toString().split(‘/‘);
12         
13         if(nameArr[1] === ‘‘){
14             res.end();
15         }else if(nameArr[1] === ‘insert‘){　　// 表示插入操作
16             var firstChart = obj.search.indexOf(‘=‘);
17             //獲取需要存儲的長地址
18             var longAddress = obj.search.substring(firstChart+1, obj.search.length);
19             // 根據長地址查詢數據庫是否存在此條信息。
20             UrlInfo.getUrlInfoByLongAddress(longAddress, function(err, reuslt){
21                 if(err){
22                     // 這裏對數據庫的字符集設置有要求，如果設置不對則會報錯，具體設置參考上面數據庫搭建
23                     console.log(err);
24                 }else{
25                     // 如果存在這條信息，則返回短地址
26                     if(reuslt.length > 0){
27                         var longUrl = reuslt[0].longAddress;
28                         var shortUrl = reuslt[0].shortAddress;
29                         var data = {
30                             ‘longAddress‘: longUrl,
31                             ‘shortAddress‘: shortUrl
32                         };
33                         res.write(JSON.stringify(data));
34                         res.end();
35                     }else{
36                         // 查詢最大的id值
37                         UrlInfo.getMaxId(function(err, reuslt){
38                             var maxID = reuslt[0][‘max(id)‘];
39                             // 如果id號大於或等於99則清空數據庫，保證短地址最短，這個值看需求設置
40                             if(maxID >= 99){
41                                 UrlInfo.deleteAllData(function(err, reuslt){
42                                     if(reuslt){
43                                         maxID = 0;
44                                         UrlInfo.insertInfo(maxID + 1, longAddress, function(err, reuslt, backData){
45                                             if(reuslt){
46                                                 var data = {
47                                                     ‘longAddress‘: backData.longAddress,
48                                                     ‘shortAddress‘: backData.shortAddress
49                                                 };
50                                                 res.write(JSON.stringify(data));
51                                             }
52                                             res.end();
53                                         });
54                                     }else{
55                                         res.end();
56                                     }
57                                 });
58                             }else{
59                                 // 插入新信息並返回短地址
60                                 UrlInfo.insertInfo(maxID + 1, longAddress, function(err, reuslt, backData){
61                                     if(reuslt){
62                                         var data = {
63                                             ‘longAddress‘: backData.longAddress,
64                                             ‘shortAddress‘: backData.shortAddress
65                                         };
66                                         res.write(JSON.stringify(data));
67                                         res.end(); 
68                                     }else{
69                                         res.end(); 
70                                     }
71                                 });
72                             }
73                         });
74                     }
75                 }
76             });
77         }else{　　// 表示請求操作
78             UrlInfo.getUrlInfoById(nameArr[1], function(err, reuslt){
79                 // 如果請求格式錯誤則跳到百度去（免費打了個廣告）
80                 if(err){
81                     res.writeHead(302, {
82                         ‘Location‘: ‘http://www.baidu.com‘
83                     });
84                 }else{
85                     // 根據id獲取到對應的短地址
86                     var longUrl = reuslt[0].longAddress;
87                     // 重定向操作，實現短地址跳轉到長地址
88                     res.writeHead(302, {
89                         ‘Location‘: longUrl
90                     });
91                 }
92                 res.end();
93             });
94         }
95     }
96 }).listen(3000);

mysqlPool.js：

  1 var mysql = require(‘mysql‘);
  2 
  3 var ipConfig = ‘http://192.168.1.200:3000/‘;
  4 
  5 //創建一個連接池
  6 var pool = mysql.createPool({
  7     host: ‘127.0.0.1‘,
  8     user: ‘root‘,
  9     password: ‘1234‘,
 10     database: ‘url‘,
 11     port: ‘3306‘
 12 });
 13 
 14 pool.on(‘connection‘, function(connection) {  
 15     connection.query(‘SET SESSION auto_increment_increment=1‘); 
 16 });  
 17 
 18 
 19 module.exports = {
 20     // 這裏對錯誤用try，catch抓取，防止錯誤導致服務器關閉，當然這些錯誤都沒處理，要想完整一些可以自行處理
 21     // 這裏每個方法都有一個數據庫鏈接操作，可以提煉公共的方法來簡化代碼
 22     getUrlInfoById: function(id, callback){
 23         pool.getConnection(function(err, connection){
 24             connection.query("USE url", function(err){
 25                 if (err) {
 26                     console.log("USE Error: " + err.message);
 27                     return;
 28                  }
 29                  console.log(‘USE succeed‘);
 30             });
 31 
 32             connection.query("select * from shorturl where id=?", [id], function(err, result){
 33                 try{
 34                     connection.release();
 35                     callback(err, result);
 36                 }catch(errInfo){
 37                     console.log("select User_Sql Error: " + errInfo.message);
 38                     callback(errInfo, result);
 39                 }
 40             });
 41         });
 42     },
 43     getUrlInfoByLongAddress: function(longAddress, callback){
 44         pool.getConnection(function(err, connection){
 45             connection.query("USE url", function(err){
 46                 if (err) {
 47                     console.log("USE Error: " + err.message);
 48                     return;
 49                  }
 50                  console.log(‘USE succeed‘);
 51             });
 52             
 53             connection.query("select * from shorturl where longAddress=?", [longAddress], function(err, result){
 54                 try{
 55                     connection.release();
 56                     callback(err, result);
 57                 }catch(errInfo){
 58                     console.log("select User_Sql Error: " + errInfo.message);
 59                     callback(errInfo, result);
 60                 }
 61             });
 62         });
 63     },
 64     getMaxId: function(callback){
 65         pool.getConnection(function(err, connection){
 66             connection.query("USE url", function(err){
 67                 if (err) {
 68                     console.log("USE Error: " + err.message);
 69                     return;
 70                  }
 71                  console.log(‘USE succeed‘);
 72             });
 73 
 74             connection.query("select max(id) from shorturl", function(err, result){
 75                 try{
 76                     connection.release();
 77                     callback(err, result);
 78                 }catch(errInfo){
 79                     console.log("select User_Sql Error: " + errInfo.message);
 80                     callback(errInfo, result);
 81                 }
 82             });
 83         });
 84     },
 85     insertInfo: function(id, longAddress, callback){
 86         pool.getConnection(function(err, connection){
 87             connection.query("USE url", function(err){
 88                 if (err) {
 89                     console.log("USE Error: " + err.message);
 90                     return;
 91                  }
 92                  console.log(‘USE succeed‘);
 93             });
 94 
 95             connection.query("insert into shorturl(id,longAddress,shortAddress) values(?,?,?)", [id, longAddress, ipConfig + id], function(err, result){
 96                 try{
 97                     connection.release();
 98                     callback(err, result, {
 99                         ‘longAddress‘: longAddress,
100                         ‘shortAddress‘: ipConfig + id
101                     });
102                 }catch(errInfo){
103                     console.log("select User_Sql Error: " + errInfo.message);
104                     callback(errInfo, result, {
105                         ‘longAddress‘: longAddress,
106                         ‘shortAddress‘: ipConfig + id
107                     });
108                 }
109             });
110         });
111     },
112     deleteAllData: function(callback){
113         pool.getConnection(function(err, connection){
114             connection.query("USE url", function(err){
115                 if (err) {
116                     console.log("USE Error: " + err.message);
117                     return;
118                  }
119                  console.log(‘USE succeed‘);
120             });
121 
122             connection.query("delete from shorturl where 1=1", function(err, result){
123                 try{
124                     connection.release();
125                     callback(err, result);
126                 }catch(errInfo){
127                     console.log("select User_Sql Error: " + errInfo.message);
128                     callback(errInfo, result);
129                 }
130             });
131         });
132     },
133 };

　　　　這裏數據庫操作很簡潔，因為使用人數比較少，所以就沒有做什麽數據庫回滾、死鎖等操作，如果面向人群比較多，這些並發性還是要考慮的。這裏就隨意啦～～～

　　　　到這裏整個工具基本上完成了，但是要獲取到需要轉換的長地址總不能Ctrl+C、Ctrl+V吧。這樣非人性化的工具，咱碼農可拿不出手的。所以用Chrome插件工具就可以完美完成這個任務。

　4.3 Chrome插件開發

　　　　這裏插件的具體配置、開發我就不啰嗦了，官方文檔分分鐘搞定。我就貼一下配置文件和主要實現代碼吧。

目錄結構：

技術分享圖片

manifest.json：（Chrome插件配置文件）

 1 {
 2     "name": "Link",
 3     "version": "0.1",
 4     "manifest_version": 2,
 5     "description": "long to short",
 6     "icons": {
 7         "100": "image/icon.png"
 8     },
 9     "browser_action": {
10         "default_icon": "image/icon.png",
11         "default_popup": "popup.html"
12     },
13     "background": {
14         "scripts": ["bjs/jquery-2.0.3.min.js", "bjs/background.js"]
15     },
16     "permissions": [
17         "tabs"
18     ],
19     "content_scripts": [{
20         "matches": ["<all_urls>"],
21         "js": ["bjs/jquery-2.0.3.min.js"],
22         "all_frames": true,
23         "match_about_blank": true,
24         "run_at": "document_start"
25     }]
26 }

popup.js：

 1 $(function () {
 2     getCurrentTab(function(tabs){
 3         if(tabs){
 4             // 設置服務器的ip地址
 5             var joinIP = ‘http://192.168.1.200:3000/insert?longAddress=‘;
 6             // ajax訪問服務器
 7             $.getJSON(joinIP + tabs.url, function (data) {
 8                 $(‘.long-url‘).html(tabs.url);
 9                 $(‘.short-url‘).html(data.shortAddress);
10                 $(‘.loading-box‘).hide();
11                 console.log(data);
12             });
13         }else{
14             console.log(‘no tab‘);
15         }
16     });
17     // 獲取到當前網站信息
18     function getCurrentTab(callback) {
19         chrome.tabs.query({
20             active: true,
21             currentWindow: true
22         }, function (tabs) {
23             if (callback) callback(tabs.length ? tabs[0] : null);
24         });
25     }
26 })

五、啟動方式

  1. 添加Chrome插件到Chrome瀏覽器
  2. 在命令行定位到項目工程文件
  3. 運行node app命令開啟本地服務
  4. 找一個地址，點擊那個插件生成短地址測試
  5. 完成

六、結果截圖

技術分享圖片

　　　　親測有效～～～

七、遷移到Windows服務器

  1. 系統環境：win7系統（32位）------ 一臉懵逼的吐槽公司這臺閑置的電腦，這配置～～～
  2. nodejs (v8.11.2)　　後臺語言 ------ 直接下載msi文件點擊安裝
  3. mysql (v8.....忘記了)　　數據庫 ------ 下載msi文件跟著步驟安裝
  4. MySQLWorkbench (v6.3.10)　　數據庫可視化工具
  5. 再次吐槽一下這臺電腦，.Net Framework版本低的不要不要的，mySql軟件需要的環境都要升級，折騰一下午終於搞定，至於配置方式可以百度解決
  6. Windows有個好處就是可以設置開機運行腳本，這樣每次啟動就可以自動開啟服務了，不需要每次手動去開。
  7. 新建一個txt文件，裏面輸入node C:\url\app（因為我把工程文件就放在了c盤下面），如果路徑不同可以自行調整
  8. 保存txt文件，然後把文件後綴改成bat，然後添加到開機啟動項裏面，這裏推薦一篇關於設置啟動項的文章：http://blog.51cto.com/10676568/1974842
  9. 重啟電腦測試～～～

Nodejs+mySql實現長地址轉短地址

相關推薦

Nodejs+mySql實現長地址轉短地址

XP 域名 length character 重啟 into head val 下載 一、開發原因 　　之前公司用一些在線的轉短地址網站，但出來的的地址輸入沒規則，輸入太麻煩了，而且掃碼還需要安裝一個掃碼的軟件，在一個就是不能轉換本地代理的地址（例：http://192.1

Windows虛擬地址轉物理地址（原理+源碼實現，附簡單小工具）

size_t \n 動手 機器碼 status 情況 direct nload amp 　　　　　

PHP實現長網址與短網址

網址 phpurl處理 本文來自微信公眾號 小7帶你玩編程什麽是長鏈接、短鏈接顧名思義，長鏈接就是一個很長的鏈接；短鏈接就是一個很短的鏈接。長鏈接可以生成短鏈接，短鏈接來源於長鏈接。為什麽要使用長鏈接、短鏈接更加美觀，我們可以對長鏈接和短鏈接進行對比，很顯然可以看出短鏈接相對成鏈接來說更加的短小，顯得

分頁儲存邏輯地址轉實體地址

分頁儲存邏輯地址轉實體地址： 例題：已知某個分頁系統，頁面大小為1K(即1024位元組)，某一個作業有4個頁面，分別裝入到主存的第3、4、6、8塊中，求邏輯地址2100對應的實體地址。 頁號 物理塊號 0 3

通過DGUS觸控式螢幕實現長按、短按按鍵啟動不同功能的效果

DGUS中有一個功能，可能用的人不多，所以不太瞭解，叫“觸控式螢幕按壓狀態返回”。這個控制元件也是一個觸控控制元件，配合頁面上的按鈕來實現觸控功能。“觸控式螢幕按壓狀態返回”與普通的“基本觸控”的主要區別在於，它除了可以實現基本觸控的功能（按鍵效果，頁面切換）外，還可以判斷觸

java呼叫新浪長連線轉短連結api--新浪微博Oauth2.0授權 獲取Access Token

最近接觸到了新浪長連線轉短連結api呼叫，之前公司直接讓使用者跳轉到新浪頁面自己生成，然後複製了頁面跳回來再用，使用者體驗不好，現在做修改。 新浪Oauth2.0授權 獲取Access Token 新浪開放平臺 —> 【網站接入web】

ZIGBEE獲取本裝置及父裝置的IEEE64地址和短地址

 第一種方法，利用NLME.h裡面定義的專門API 獲取裝置自身IEEE地址 extern byte *NLME_GetExtAddr( void ); 獲取裝置自身網路地址 extern uint16 NLME_GetShortAddr( void ); 獲取父裝

C#長日期轉短日期例項

   DateTime dt = Convert.ToDateTime(ds.Tables["UserEdit"].Rows[0][3].ToString());            //將資料庫中長日期取出附值給dt,因為是字串所以需要強制轉換為DateTime   st

PHP實現URL長連接轉短連接方法總結

inno class data hash nginx服務器 () 屬於 oca str 短鏈接，通俗來說，就是將長的URL 網址，通過程序計算等方式，轉換為簡短的網址字符串。 這樣的話其好處為：1、內容需要；2、用戶友好；3、便於管理。 實現短網址(short URL)

C語言實現程式跳轉到絕對地址0x100000處執行

嵌入式筆試題：想讓程式跳轉到絕對地址0x100000處執行，該如何做？ 網上看到有如下答案： *((void(*)(void))0x100000)(); 經過在VC++6.0和LINUX gcc4.4.3下測試，均不能通過編譯。 VC++6.0報錯：error C2100:

URL短地址壓縮演算法 微博短地址原理解析 （Java實現）

       最近，專案中需要用到短網址（ShortUrl）的演算法，於是在網上搜索一番，發現有C#的演算法，有.Net的演算法，有PHP的演算法，就是沒有找到Java版的短網址（ShortUrl）的演算法，很是鬱悶。同時還發現有不少網友在發帖求助，怎麼實現Java版的短網址

esp8266 inet_ntoa函式實現 ip地址轉換為字串 MAC地址轉字串

esp8266晶片可作為mcu，功能很強大，但與傳統mcu相比，可用資源實在不多，連浮點數都不支援 IP地址轉字元創函式inet_ntoa很方便，但8266中沒有！！！！！ 本節將講述如何自己實現inet_ntoa函式 ip轉字串 ******************

js實現頁面跳轉,和獲取當前頁面地址

and cat 直接 cati expand 當前 頁面跳轉 location 設置 JS有時候需要實現頁面跳轉，那麽可以直接在某個事件觸發中設置 location.href="/user/center/" 這樣即可實現頁面跳轉。 獲取當前頁面地址可以直接這樣

一些linux嵌入式資源下載地址(轉)

lin for 開發 shell腳本學習 arch title expr ctu ruby linux內核源代碼情景分析 非掃描版 上下冊合訂版 字清楚 帶書簽 1575頁 pdfhttp://download.csdn.net/source/2002579**

vue 彈性布局 實現長圖垂直居上，短圖垂直居中

com 實現 this cti justify 滾動 src check htm vue 彈性布局 實現長圖垂直居上，短圖垂直居中 大致效果如下圖，只考慮垂直方向。長圖可以通過滾動條看，短圖居中效果，布局合理 html代碼(vue作用域內)： <div clas

進入全屏 nodejs+express+mysql實現restful風格的增刪改查示例

bug mark .com gpo source generator 業務邏輯 resp index 首先，放上項目github地址：https://github.com/codethereforam/express-mysql-demo 一、前言 之前學的ja

spring中的Ioc技術是怎樣實現解耦的 原文地址 ： http://blog.csdn.net/liang5603/article/details/52002994

ioc容器 可能 深入 修改 知識 動態 出現 工廠方法 邏輯 1. IoC理論的背景我們都知道，在采用面向對象方法設計的軟件系統中，它的底層實現都是由N個對象組成的，所有的對象通過彼此的合作，最終實現系統的業務邏輯。圖1：軟件系統中耦合的對象如果我們打開機械式手表的後蓋，

華為-NAT :網絡地址轉

華為 NAT NAT之 nat server NAT 之 Easy ip NA NAT之 靜態NAT static n NAT :網絡地址轉換技術NAT（Network Address Translation） 將企業內網的私有地址轉換成公有地址。使得用戶的數據可以發到公網上來。還有端口

url短地址

PQ stat 加密 AR class hash ++ clas cde 現在好多URL連接都使用的短地址不知道什麽意思，網上找了篇例子讀了一下代碼做參考 <?php class Short_Url { #字符表 public stat

長鏈接轉短鏈接（短網址）

找到 了解 明顯 頻繁 如果能 因此 個數 問題 域名 場景 ? 短鏈接服務就是將一段長的URL轉換為短的URL，比如利用新浪微博的短鏈接生成器，可將一段長的URL（http://blog.csdn.net/poem_qianmo/article/details/52344