淘客项目coupons在 Linux 环境部署指南
共 5656字,需浏览 12分钟
·
2021-09-05 19:08
本篇文章主要是记录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
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"
}