一個頁面跳轉工具

在分享文件的時候，經常會用到網盤，但是網盤鏈接一旦掛了，再去改鏈接就會很麻煩了。如果只發在了一個地方，那還好說，但如果一篇文章發在了很多地方，那還要每個地方去改鏈接，好麻煩啊。正為了解決這個問題，我才做了這個小工具。

先舉個栗子

需求

我有一些分享的資源，原始鏈接掛掉了，但是又不想重新去改，所以就做了一個跳轉頁面，方便更改分享的鏈接。其他不為人知的需求

製作過程

原始方案方案1使用 .net core + MySQL；方案2使用 js腳本 + LeanCloud；方案3使用 js腳本 + JSON文件；綜合比較三種方案，方案1原本是我最看好的，但是需要一個長期穩定的vps，所以pass了，沒錢沒辦法。方案2和方案3都不需要成本，但是方案2可拓展性比較高，可以做一個很方便的後端管理程序，方案3的話，做後端應該是可以的，但是肯定沒有方案2方便。官方文檔既然是使用了LeanCloud，那就先去看看人家官方文檔吧。https://leancloud.cn/docs/leanstorage_guide-js.html說實話，這是我第一次寫JS腳本，壓力很大啊，這東西就是一竅不通啊。原理我使用了LeanCloud的數據存儲功能，我創建了一個Class，這個Class增加一列「url」，專門用來保存鏈接。單獨做一個頁面，每次訪問這個頁面時自動獲取網址參數，然後查詢到相應的鏈接，然後跳轉訪問，就是這麼簡單。開始擼吧首先是要獲取網址參數，我根本沒寫過js，所以只能靠百度咯純複製粘貼，毫無手打。然後需要引入LeanCloud的SDK

varAPP_ID="";varAPP_KEY="";

AV.init({appId:APP_ID,appKey:APP_KEY

});

前面一切順利，然後看LeanCloud官方文檔，找到查詢方法。這裡順便提一句，我最開始是單獨創建了一列「hurl」來充當網址參數的，但是發現這樣就是多此一舉，自己搞個參數，一旦一不小心重複了怎麼辦？還不如直接用objectId當參數呢。但是直接用objectId作為參數也有不方便的地方，就是刪除這條分享之後，以後不能再補一條一樣的鏈接出來，因為objectId是隨機產生的，並且是不會重複的。廢話不多說，直接擼代碼代碼寫的好醜啊，寫完了都不敢看。完整實例把完整實例貼出來，如果有人想用的話可以先嘗試一下

頁面跳轉中

functionGetQueryString(name){varreg=newRegExp("(^&)"+name+"=([^&]*)(&$)");varr=window.location.search.substr(1).match(reg);if(r!=null)returnunescape(r[2]);returnnull;}varAPP_ID="你的APP_ID";varAPP_KEY="你的APP_KEY";AV.init({appId:APP_ID,appKey:APP_KEY});varid=GetQueryString("id");varquery=newAV.Query("你的存儲鏈接的Class名稱");query.get(id).then(function(xxwhiteurl){varurl=xxwhiteurl.get("url");window.onload=window.location.href=url;});

後續

目前完成度 10%不到，下一步打算看看能不能做個後端出來，如果把後端做出來，再看看能不能弄個用戶管理系統出來，如果可以把用戶管理系統做出來，完成度基本就能達到90%了。我一個完全不懂js的渣渣只能看著官方文檔一步一步的摸索了，等完全做出來，我在小範圍分享試用一下吧。如果有什麼想法，或者是有什麼指教，歡迎在下面的評論區指出。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！