前端打包發布以及小程序發布(IIS下部署前端站點)


 

作為后端程序員 一直沒有摸索過前端項目的打包發布,因為項目需要
這次經歷一個 前端項目以及小程序的打包發布,記錄一下。
 
一、前端部署
 
部署過程種一直出現node-sass 問題
 
1. 刪除老的node-sass文件夾(先備份一下);
2. set SASS_BINARY_PATH=D:\win32-x64-64_binding.node
3. cnpm install node-sass
 
 
 
前端項目打開后
首先觀察package.json
查看打包命令
 
本次項目主要使用到了 npm install 安裝好對應的 node_modules
期間經歷過安裝超時報錯等等
可以對照錯誤詳情查看 具體哪些包沒有安裝好
繼續使用node install XXX
 
另外要關注node版本,因為項目時間比較久,所以當時開發版本低。我這邊下載的最新版本node 一直報錯,后來降級node 之后 可以正常npm install
 
 
rimraf node_modules 卸載 node_modules
 
命令不能使用 則先安裝 npm install rimraf -g
 
安裝好node_modules 使用node run dev 運行 node run build 編譯打包
 
 二、打包生成后的html  項目文件夾在IIS 下部署
 
 1、第一次訪問沒問題,刷新找不到文件(需要在iis上安裝url rewrite( https://blog.csdn.net/weixin_30642561/article/details/96445311))
並且配置 路由重寫( https://www.cnblogs.com/townsend/p/12204469.html
 
2、注意前端包的發布路徑,可能需要在iis 上創建對應文件夾的虛擬目錄 才能正常訪問
 
 
三、小程序部署
 
編譯 和上面命令一樣
 
npm 編譯之后,用微信開發者工具 打開編譯的項目進行上傳
 
本次小程序 有兩種框架代碼(wepy 和 uni-app(官方建議使用hbuilder 編譯和打包發布))
 
hbuilder 有運行(本地編譯調試,可以連接微信開發者工具進行串聯使用) 和發行(推到線上)
 
微信小程序 后台管理(1、需要配置 ip 白名單 上傳代碼的ip 2、配置接口以及上傳下載域名(必須是https的)3、可以設置體驗版本)
 
如果配置的是 http的地址,需要在微信打開小程序后,找到打開i調試功能 ,這樣才能正常訪問本地http 接口
 
 
 
 
 
 
 
 
 
 
 
 
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM