由於小黑盒不能完全支持Markdown語法,會導致部分標題級別一樣,想看PDF版本的見評論區
寫這篇文章是因爲比賽的時候API突然加了個token,然後學校還沒批服務器就有這篇文章了
1.安裝與環境配置
1.1 下載Node.js
官網:https://nodejs.org/zh-cn/
![]()
1.2 安裝Node.js
一路點擊下一步
1.3 驗證是否成功安裝Node.js
1.3.1 以管理員身份進入CMD
1.3.2 輸入node -v
若出現版本號就是成功安裝
![]()
1.4 配置環境變量
1.4.1 在node.js的安裝目錄中,新建兩個文件夾 node_global 和 node_cache
![]()
1.4.2 配置這兩個路徑
1.4.2.1 以管理員身份進入CMD
![]()
1.4.2.2 輸入npm config set prefix "C:\Program Files\nodejs\node_global"
1.4.2.3 輸入npm config set cache "C:\Program Files\nodejs\node_cache"
1.4.3 設置環境變量
1.4.3.1 打開編輯系統環境變量
![]()
![]()
1.4.4 在【系統變量】中新建環境變量 NODE_PATH,值爲: C:\Program Files\nodejs\node_global\node_modules
1.4.5 修改【用戶變量】中的 path 變量,將C:\Users\xxx\AppData\Roaming\npm 修改爲C:\Program Files\nodejs\node_global
1.4.6 在【系統變量】和【用戶變量】中的path分別加入C:\Program Files\nodejs\node_global\node_modules
1.5 配置淘寶npm鏡像源
1.5.1 以管理員身份進入CMD
1.5.2 輸入以下兩行命令
1.5.2.1 npm config set registry https://registry.npmmirror.com
1.5.2.2 npm config get registry
![]()
2 重啓你的電腦
3.安裝json-server與相關依賴組件
3.1 安裝json-server本體
3.1.1 以管理員身份運行CMD
3.1.2 輸入npm install -g json-server
3.1.3 等待安裝完成
3.1.4 輸入json-server -v驗證安裝
3.2 安裝依賴組件
3.2.1 輸入npm install -g cors
3.2.2 輸入npm install -g express
3.2.3 輸入npm install -g body-parser
4.實現登錄功能
4.1 在任意位置新建一個文件夾
4.2 配置js
![]()
4.3 配置數據json文件
![]()
4.4 Postman測試
![]()
5. 實現Token加密功能
5.1 新建文件夾
5.2 配置JS文件
![]()
5.3 HTML測試(JS部分)
![]()
5.4 Postman測試
5.4.1 無Token
![]()
5.4.2 有Token
![]()
6.實現POST輸入數據並自動刷新緩存文件
6.1 配置JS文件
![]()
6.2 HTML測試(JS部分)
![]()
6.3 Postman測試
![]()
6.4 CMD返回信息
![]()
8.實現註冊功能
8.1 配置JS文件
![]()
8.2 Postman測試
![]()
補充.疑難解答
1.1 端口被佔用
1.1.1 已有命令行窗口占用
直接關掉即可
1.1.2 未知東西佔用
1.1.2.1 以管理員身份打開命令行
![]()
1.1.2.2 輸入netstat -ano | findstr "佔用的被佔用的端口"以查找佔用程序的pid
1.1.2.3 輸入taskkill -f -t /pid "佔用端口的程序的pid"結束佔用程序
更多遊戲資訊請關註:電玩幫遊戲資訊專區
電玩幫圖文攻略 www.vgover.com
