淘客項目coupons在 Linux 環(huán)境部署指南
本篇文章主要是記錄Coupons項目在Linux環(huán)境下的安裝過程
Coupons是一個從前端到后端完全開源的淘寶客項目，當初學習完uniapp之后想做一個實戰(zhàn)項目，所以才研發(fā)了這個項目。由于本人平時主要從事后端研發(fā)，界面樣式非我所長，所以大家覺得界面效果不好的可以自己修改。目前項目已經(jīng)支持打包成App、微信小程序、QQ小程序、Web站點；理論上其他小程序支持，可能需要微調(diào)
Github地址：項目地址：https://github.com/silently9527/coupons
在線體驗地址
| App下載地址 | QQ小程序 | 微信小程序 | Web站點 |
 |  |  |
App下載地址(用手機訪問才能正確下載IOS和安卓版本): http://static.szjx.top/download/index.html
Web站點(用手機訪問，PC端未適配)：http://m.szjx.top
效果預覽
 |  |  |  |
 |  |  |  |
一、運行環(huán)境
Java
使用yum來搜索安裝包
yum search openjdk
這里我們選擇安裝Java8的開發(fā)環(huán)境,執(zhí)行如下命令
yum -y install java-1.8.0-openjdk.x86_64
驗證是否安裝成功
java -version
輸入如下內(nèi)容表示安裝成功
openjdk version "1.8.0_302"
OpenJDK Runtime Environment (build 1.8.0_302-b08)
OpenJDK 64-Bit Server VM (build 25.302-b08, mixed mode)
Maven
Maven的安裝過程參考 https://silently9527.cn/?p=65
MySQL
Mysql的詳細安裝教程參考 https://silently9527.cn/?p=63
Redis
Redis的詳細安裝教程參考 https://silently9527.cn/?p=64
Nginx
Nginx的詳細安裝教程參考 https://silently9527.cn/?p=66
二、注冊第三方賬號
1. 注冊大淘客賬號
MallCoupons后端項目中使用的商品數(shù)據(jù)都是由大淘客API提供 ;
首先需要注冊大淘客賬號https://www.dataoke.com/
進入到大淘客開放平臺創(chuàng)建一個應用，為應用一鍵添加所有的API接口
2. 開通MobTech免費短信服務(非必須，需要打包app應用才是需要使用)
MallCoupons在App中是通過手機號和驗證碼的方式登錄，MobTech提供了免費的短信驗證碼服務。
注冊MobTech賬號 https://www.mob.com/
進入到開發(fā)者平臺，創(chuàng)建應用
3. 注冊QQ小程序(非必須，根據(jù)個人需要)
4. 注冊微信小程序(非必須，根據(jù)個人需要)
三、下載源碼并解壓
wget https://codeload.github.com/silently9527/coupons/zip/refs/heads/master
unzip coupons-master.zip
四、創(chuàng)建數(shù)據(jù)庫并初始化
輸入密碼登陸MySQL數(shù)據(jù)庫
mysql --port=3309 -uroot -p
創(chuàng)建數(shù)據(jù)庫mall-coupons
create database mall-coupons default character set utf8mb4 collate utf8mb4_unicode_ci;
執(zhí)行如下命令初始化數(shù)據(jù)庫
use mall-coupons;
source /Users/xxx/Downloads/coupons-master/doc/scheme.sql
source命令后面的文件路徑替換成你自己的路徑；
五、后端項目打包
進入到解壓項目的coupons-master/server/src/main/resources目錄下
cd coupons-master/server/src/main/resources
vim編輯文件 application-prod.properties，修改文件中的必要參數(shù)
#填寫前面淘客注冊應用的 AppKey、AppSecret
dataoke.appKey=
dataoke.appSecret=
#填寫前面注冊QQ小程序的appId、appSecret
spring.social.qq.app-id=
spring.social.qq.app-secret=
#填寫前面注冊微信小程序的appId、appSecret
spring.social.wechat.app-id=
spring.social.wechat.app-secret=
# 配置MySQL數(shù)據(jù)庫的地址
spring.datasource.url=jdbc:mysql://localhost:3306/mall-coupons?autoReconnect=true&useUnicode=true&characterEncoding=utf-8&allowMultiQueries=true&serverTimezone=Asia/Shanghai
spring.datasource.username=root
spring.datasource.password=xxx
# 配置Redis服務器地址
spring.redis.host=
spring.redis.password=
spring.redis.port=
# mob短信服務的appkey，需要打包收集app的才需要
mob.service.appkey=
打包Java項目
mvn clean package -DskipTests
當出現(xiàn)了Build Success的時候就表示打包完成
打包完成之后當前目錄會生成target目錄，cd target進入到目錄，查看是否有生成文件mall-coupons-server-0.0.1-SNAPSHOT.jar
啟動運行 mall-coupons-server-0.0.1-SNAPSHOT.jar
java -Djava.security.egd=file:/dev/./urandom -jar mall-coupons-server-0.0.1-SNAPSHOT.jar --spring.profiles.active=prod > ./mall-coupons-server.log &
六、Nginx配置
進入到目錄 /etc/nginx/conf.d,創(chuàng)建配置文件coupon.conf
cd /etc/nginx/conf.d
touch coupon.conf
編輯配置文件 coupon.conf，輸入如下內(nèi)容：
upstream coupons-services {
server localhost:9090 weight=10;
}
server {
listen 80;
server_name 你的域名;
include /etc/nginx/default.d/*.conf;
location / {
add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers 'DNT,X-Mx-ReqToken,Keep-Alive,User-Agent,X-Requested-With,If-Modified-Since,Cache-Control,Content-Type,Authorization,x-auth-token';
if ($request_method = 'OPTIONS') {
return 204;
}
proxy_pass http://coupons-services/;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
client_max_body_size 10000m;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-Port $server_port;
}
error_page 404 /404.html;
location = /40x.html {
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
}
}
重啟nginx
systemctl restart nginx
七、前端項目打包
前端項目的源碼目錄
coupons-master/client導入前端代碼到HBuilder中，如何使用HBuilder導入項目、打包可以參考官方文檔 https://uniapp.dcloud.io/quickstart-hx修改發(fā)送短信的模版id（只有需要打包app才需要），文件的路徑
pages/public/login.vue中92行配置短信模板的id，這里的模版id需要在短信平臺mob上面申請
在uniapp的插件中心購買集成mob的插件；MobTech短信原生插件 https://ext.dcloud.net.cn/plugin?id=2189
之后在HBuilder中配置appkey
配置后臺api的請求地址，編輯
client/config.js輸入自己服務器的域名地址
module.exports = {
// APIHOST: "http://localhost:9090"
}
<b id="afajh"><abbr id="afajh"></abbr></b>