需要工具:
linux系統寶塔面板,環境nginx、mysql、pm2管理器(它自帶nodejs)
搭建教程:
1.寶塔面板/www/wwwroot文件夾下隨便創建個目錄,然后把服務端上傳到該目錄,并且解壓出來。
2.服務端目錄安裝依賴腳本,寶塔面板ssh終端,執行cd www/wwwroot/服務端到這個目錄,讓后執行命令:npm install,等待他安裝完成
3.創建數據庫,數據庫類型選擇ft8b4,導入數據庫help.sql,導入完成后,打開/pub/config/config.js修改數據庫配置,修改成自己的賬號密碼。
4.修改微信小程序配置也在/pub/config/config.js
這個文件里,修改小程序配置APP_ID:”自行填寫”,//微信小程序APPID
APP_SECRET:”自行填寫”,//微信小程序APP密鑰
Mch_id:”自行填寫”,//商戶號
Mch_key:”自行填寫”,//商戶密鑰(商戶號沒有可先不填)
5.啟動項目。打開PM2管理器,添加新項目,選擇項目所在的路徑,啟動文件為bin/www,項目名稱可隨意起名。然后啟動項目。我的文件所在目錄是在這里/www/wwwroot/校園服務網/server/bin
6.域名反向代理。點擊pm2管理器里的映射按鈕,將項目映射到自己的域名(也是綁定一個域名)。此后就可以用域名訪問到項目。(如果點擊映射沒有反應,請到寶塔ssh終端執行命令/www/wwwroot/校園服務網/server/bin,到這個文件夾后再安裝一遍npm install,這個只是我的文件所在目錄,最終還是看你的目錄所在地)
7.訪問服務器項目地址:http://你的域名若出現extends layout block content h1=title p Welcome to#(title)即代表服務端部署成功
8.然后我們開始客戶端部署教程,寶塔面板/www/wwwroot/這里隨便創建一個目錄,然后把客戶端傳到這個目錄并解壓出來。
9.寶塔ssh終端命令:cd/www/wwwroot/客戶端目錄,然后安裝依賴,終端命令:npm install,等待安轉完成
10.打開客戶端文件src/assets/js/yzy.js
const yzy={
…
NODE_API:”https://api.xxx.com/api/”,//改成自己服務端綁定的域名地址
…
}
11.打包導出客戶端,寶塔終端命令到客戶端目錄:cd/www/wwwroot/客戶端目錄,然后運行命令:npm run build,等待打包完成,打包完成后會出現一個dist目錄
12.進入dist目錄有兩個文件dist和index.html,將這兩個文件復制粘貼到服務端/public目錄下
13.訪問服務端綁定的域名http://xxx.xxx.com出現后臺管理登錄界面,默認賬號admin密碼
qwe123123
這樣就部署好了。
搭建安裝教程參考
微信小程序搭建開發、修改調試、編譯打包上線使用教程
演示圖