淘客項目Coupons在 Linux 環境部署指南

作者： Silently9527 2021-09-03 06:46:35

Coupons是一個從前端到后端完全開源的淘寶客項目，當初學習完uniapp之后想做一個實戰項目，所以才研發了這個項目。由于本人平時主要從事后端研發，界面樣式非我所長，所以大家覺得界面效果不好的可以自己修改。

本文轉載自微信公眾號「貝塔學JAVA」，作者貝塔學JAVA。轉載本文請聯系貝塔學JAVA公眾號。

本篇文章主要是記錄Coupons項目在Linux環境下的安裝過程

Coupons是一個從前端到后端完全開源的淘寶客項目，當初學習完uniapp之后想做一個實戰項目，所以才研發了這個項目。由于本人平時主要從事后端研發，界面樣式非我所長，所以大家覺得界面效果不好的可以自己修改。目前項目已經支持打包成App、微信小程序、QQ小程序、Web站點;理論上其他小程序支持，可能需要微調

Github地址：項目地址：https://github.com/silently9527/coupons

在線體驗地址

App下載地址 QQ小程序微信小程序 Web站點

App下載地址(用手機訪問才能正確下載IOS和安卓版本): http://static.szjx.top/download/index.html

Web站點(用手機訪問，PC端未適配)：http://m.szjx.top

效果預覽

一、運行環境

Java

使用yum來搜索安裝包 yum search openjdk

這里我們選擇安裝Java8的開發環境,執行如下命令

yum -y install java-1.8.0-openjdk.x86_64

驗證是否安裝成功

java -version

輸入如下內容表示安裝成功

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的安裝過程參考 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后端項目中使用的商品數據都是由大淘客API提供 ;

首先需要注冊大淘客賬號https://www.dataoke.com/

進入到大淘客開放平臺創建一個應用，為應用一鍵添加所有的API接口

2. 開通MobTech免費短信服務(非必須，需要打包app應用才是需要使用)

MallCoupons在App中是通過手機號和驗證碼的方式登錄，MobTech提供了免費的短信驗證碼服務。

注冊MobTech賬號 https://www.mob.com/

進入到開發者平臺，創建應用

3. 注冊QQ小程序(非必須，根據個人需要)

4. 注冊微信小程序(非必須，根據個人需要)

三、下載源碼并解壓

wget https://codeload.github.com/silently9527/coupons/zip/refs/heads/master 
unzip coupons-master.zip

四、創建數據庫并初始化

輸入密碼登陸MySQL數據庫

mysql --port=3309 -uroot -p

創建數據庫mall-coupons

create database mall-coupons default character set utf8mb4 collate utf8mb4_unicode_ci;

執行如下命令初始化數據庫

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，修改文件中的必要參數

#填寫前面淘客注冊應用的 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數據庫的地址 
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

當出現了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,創建配置文件coupon.conf

cd /etc/nginx/conf.d 
touch coupon.conf

編輯配置文件coupon.conf，輸入如下內容：

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

修改發送短信的模版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" 
}

責任編輯：武曉燕來源：貝塔學JAVA