目錄
1.項目部署前的準備
1.1獲取APPID和APPSecret(微信小程序)
1.2測試工具
1.3微信開發者工具下載與安裝
2.Ego微商后端項目部署
2.1部署細節流程
2.2部署架構圖
2.3組件要求及版本
2.4后臺部署操作
2.4.1安裝vm和cenos7
2.4.2本地服務檢查
2.4.3安裝應用服務
2.4.4上傳項目包
?2.4.5Apache配置文件的說明
2.4.6數據庫初始化
2.4.7修改配置文件
2.4.7.1修改Apache配置文件
2.4.7.2修改服務端文件?(項目配置文件)
3.前端項目部署
3.1導入項目
3.2ego項目界面顯示
?3.3修改前端配置文件
3.3.1修改根目錄文件project.config.json
3.3.2 修改API地址(請求后臺服務器地址)
3.3.3本地設置的配置更改
3.4編譯
3.5客戶端若報token無效如何處理(切換到-我的,會報錯)
1.項目部署前的準備
1.1獲取APPID和APPSecret(微信小程序)
微信小程序注冊流程及APPID,APPSecret獲取-CSDN博客
把獲取到的APPID,APPSecret復制粘貼,保存下來,等會要用到
1.2測試工具
navicat,fiddler,xshell,xftp等
1.3微信開發者工具下載與安裝
可參考:微信開發者工具下載與安裝-CSDN博客


2.Ego微商后端項目部署
2.1部署細節流程

2.2部署架構圖
客戶端可理解為前端,服務端可理解為后端;
2.3組件要求及版本
微信開發者工具:學習階段(以這個來舉例)
手機/手機模擬器:實際工作中用到(需要開發人員邀請對應微信賬號成功后才能體驗)
2.4后臺部署操作
2.4.1安裝vm和cenos7
vm安裝教程(本人安裝的是最新版17)
VM15軟件安裝教程(全網最詳細)-CSDN博客
cenos7在vm中的安裝教程
VM安裝Cenos7(全網超詳細保姆教程)_vm安裝centos7教程-CSDN博客
2.4.2本地服務檢查
cat /etc/redhat-release
2.4.3安裝應用服務
通過LAMP,一鍵安裝部署系統服務
命令生成地址: LNMP一鍵安裝包無人值守命令生成器
參考鏈接
Cenos7系統通過鏈接一鍵安裝LAMP項目環境(linux,apache,mysql,php)_centos7lamp一鍵安裝-CSDN博客
2.4.4上傳項目包

# 切換到指定路徑
cd /home/wwwroot/default/
# 解壓縮上傳的項目包文件到當前路徑
unzip egoser.zip
# 修改解壓之后的所有文件權限到最大
chmod -R 777 egoser
# -R 表示修改的是整個目錄包含目錄下所有文件的權限
# 修改完畢后查看文件詳細信息(權限)
ls -l
?
?2.4.5Apache配置文件的說明
- 可以按照默認的配置文件上傳存放
- 可以根據自己的需求進行修改配置文件在上傳存放
- Apache虛擬主機配置文件名:httpd-vhosts.conf
?apache的路徑為:/usr/local/apache/conf/extra
查看apache虛擬主機配置:httpd-vhosts.conf
httpd-vhosts.conf內容(內容少的,可以cat指令)
apache配置文件說明:
2.4.6數據庫初始化

# 在linux進入數據庫(數據庫密碼)
mysql -u root -p
# 查看當前mysql有哪些數據庫
show databases;
# 創建數據庫egowx并設置編碼方式和排序規則(utf8_general_ci)
create database egowx charset utf8 collate utf8_general_ci;
# 方式一:恢復備份文件(在linux下面操作:需要輸入數據庫密碼)
mysql -u root -p egowx < /home/wwwroot/default/egoser/ego.sql
# 方式二:恢復備份文件(在mysql下面操作)
# 使用(打開)數據庫
use egowx;
# 導入備份好的sql文件
source /home/wwwroot/default/egoser/ego.sql;
# 查看某數據庫下有哪些表
show tables;
# 退出數據庫
exit;
?創建名為egowx數據庫
?再egowx數據庫中導入.sql文件
查看導入后數據庫的表
?
擴展---Navicat遠程連接數據庫服務器方式(用ssh)
通過ssh方式連接
本人不通過ssh,直接連接即可?
2.4.7修改配置文件
2.4.7.1修改Apache配置文件
# Apache配置文件路徑
cd /usr/local/apache/conf/extra/
# 重命名配置文件
mv httpd-vhosts.conf httpd-vhosts.confd
#上傳已經修改好的配置文件,防止修改出錯,所以提供了已經修改好的文件
# 重啟Apache服務
systemctl restart httpd
# 查看Apache的服務狀態
systemctl status httpd
?
上傳已修改好的配置文件?
查看是否上傳成功
重啟服務,并查看他的狀態
?查看修改后的配置文件
2.4.7.2修改服務端文件?(項目配置文件)
一般是開發自己寫的配置文件(路徑不需要記,因為是開發自己寫的,可直接問開發)
- 找到配置文件/home/wwwroot/default/egoser/application/extra
- 編輯wx.php文件修改對應APPID和APPSecret(自己申請的)(見1.1),并且保存退出
# 進入配置文件路徑
cd /home/wwwroot/default/egoser/application/extra
#編輯
vim wx.php
#vim操作
# 輸入i 進入編輯
# 修改部分字段值
# 返回命令模式:esc
# 保存退出輸入:wq
# 如果強制退出:q!
重啟應用服務
目的:修改后的配置立即生效
#重啟Apache服務
systemctl restart httpd
#重啟mysql服務
systemctl restart mysql
# 查看服務是否正常
systemctl status httpd
#查看服務是否正常
systemctl status mysql

其中一個接口地址:http://虛擬機IP/api/v1/banner/1
打開瀏覽器后,驗證失敗可能的原因
(1)上傳項目包的時候,解壓可能有問題,也有可能是wx.php配置文件修改出錯(可能多敲了空格,縮進等)
解決方法,刪除解壓后的文件夾,重新解壓(可參考2.4.4)
?
重啟服務 ,刷新瀏覽器再試試
?2.4.8虛擬域名作用
# 最后一行增加內容如下
虛擬機ip地址 e.cn

# 修改路徑(需要輸入Mac電腦的開機密碼)
sudo vim /etc/hosts
驗證結果
域名/api/v1/banner/1(e.cn/api/v1/banner/1)
3.前端項目部署
3.1導入項目
3.2ego項目界面顯示
?3.3修改前端配置文件
3.3.1修改根目錄文件project.config.json
修改APPID,更改為自己申請的APPID
3.3.2 修改API地址(請求后臺服務器地址)
修改位置./utils/config.js
例如:Config.restUrl = 'http://e.cn/api/v1/'
3.3.3本地設置的配置更改
3.4編譯
修改完成后,要編譯一下
編譯過程,可能有點慢,稍微等一下,不轉圈了,就說明編譯結束,小程序可以前后端聯調了
至此項目就部署完成!!!
3.5客戶端若報token無效如何處理(切換到-我的,會報錯)
(1)檢查虛擬機服務器能否ping通外網
(2)檢查后臺服務器wx.php文件修改是否正確(空格,換行肉眼是看不出來的,最保險的方法還是直接刪除項目文件夾,重新解壓,并給項目文件夾權限,再重新修改wx.php)
更改后,我的界面顯示正常
注意:服務器包和客戶端包,還有配置文件可自行在資源中下載!!!