校园跑腿小程序服务器部署教程

引言

随着校园生活的日益便捷化,校园跑腿服务成为了一个热门的校园创业项目。本教程将详细介绍如何部署一个校园跑腿小程序的服务器环境,涵盖从服务器准备到小程序后端的安装与配置的全过程。希望通过本教程,读者能够顺利搭建起自己的校园跑腿系统。

图片

一.准备工作

请在服务器直接安装宝塔用宝塔来安装环境

  • 宝塔安装命令https://www.bt.cn/new/download.html

  • 进入面板->【软件商店】

  • 安装 nginx 选择 1.18 版本

  • 安装 mysql 选择 8.x 或 5.7 以上版本

  • 安装 PM2 管理器, 进入管理器 Node 版本选择 v14.18.0, 作者开发是 v14.18.0, 然后点击切换版本

  • 安装 redis 最新即可

    图片

二.克隆源代码到服务器

2.1 点击终端并登录

图片

2.2 进入/www/wwwroot目录
  • 输入命令

 

cd /www/wwwroot

图片

2.3 执行克隆 或 将本地开发好的代码打包到服务器
 

git clone https://gitee.com/landalfyao/ddapp

图片

结果:
获得一个"ddapp"目录

图片

三.部署服务端

3.1 配置文件

找到 /server/src/config/config.env.ts.bak 文件 复制并粘贴到同目录下。命名为 config.prod.ts 打开文件进行配置
 

图片

图片


打开config.prod.ts文件开始配置

 

// 数据库配置
...
orm: {
/**
* 单数据库实例
*/
type: 'mysql',
host: 'localhost',
port: 3306,
username: 'root', // 用户名
password: 'root', // 密码
database: 'ddrunv2-free', // 数据库
synchronize: true, // 如果第一次使用,不存在表,有同步的需求可以写 true
logging: false,
}
...
// 配置redis
redis: {
client: {
port: 6379, // Redis port
host: '127.0.0.1', // Redis host
password: '',
db: 0,
},
}
...
// task 和 bull中的redis 都填一样的即可

3.2 安装依赖
  • 回到server目录打开终端

    图片

 

# 输入命令 安装依赖
yarn

图片

  • 等待安装完成

  • 出现success Saved lockfile说明安装完成

    图片

3.3 构建
  • 继续输入命令来构建后端服务

 

yarn build

图片

3.4 部署
  • 输入命令部署后端服务

 

// 开始部署
pm2 start ./ecosystem.config.js

图片

  • 图片示例部署的pm2 id为3

  • 可以通过以下命令查看是否部署成功

 

pm2 logs 3 --lines 50

  • 出现以下内容说明部署成功

    图片

四.部署管理员端

4.1 安装依赖
  • 进入管理员端目录

    图片

  • 打开终端

  • 输入命令

 

yarn

图片

  • 等待安装完成

4.2 构建
  • 输入构建命令

 

yarn build

图片

构建成功后会在 admin/目录下生成 dist 目录, 需要点击刷新

图片

五.nginx 配置域名

  • 需要先将域名解析到该服务器

5.1 添加站点

图片

5.2 修改配置文件

图片

  • 将配置中的文件设置成以下内容,注意域名需要改掉

 

server {
listen 80;
server_name admin.ddapp.com; # 您的管理员端域名
location / {
root /www/wwwroot/ddapp/admin/dist/; # 管理员端静态页面路径
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /admin {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Real-Port $remote_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://127.0.0.1:8001/admin; # 服务端访问路径
}
location /api{
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Real-Port $remote_port;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_pass http://127.0.0.1:8001/api; # 服务端访问路径 用作给小程序访问
}
}

  • 完成后重启nginx,访问域名即可

六.上传小程序

  • 小程序的依赖要求比较奇葩,需要node12.14版本或者14.18.0

  • 在本地电脑用vscode打开miniprogram目录

6.1 修改配置文件
 

// 打开src/utils/constrants.ts

export const API = () => {
return "http://xxx.xx.xxx/api/"; //修改为您的服务器域名
};

图片

6.2 安装依赖
  • 打开终端

    图片

  • 输入命令yarn

 

yarn

6.3 构建
  • 输入命令yarn build-wx

 

yarn build-wx

  • 构建完成后会在根目录下生成dist目录

    图片

6.4 上传代码
  • 打开微信开发者工具

  • 导入项目,目录为 /miniprogram/dist/build/mp-weixin

  • 提交代码

图片

结论

通过以上步骤,我们可以顺利搭建起一个校园跑腿小程序的服务器环境。需要注意的是,每个步骤都需要仔细操作,确保没有遗漏和错误。希望本教程能够帮助到有志于校园跑腿创业的朋友们,共同打造更加便捷、高效的校园生活。

项目Gitee地址:

https://gitee.com/landalfyao/ddapp

项目配置文档:

https://gitee.com/landalfyao/ddrun/wikis/pages?sort_id=5937464&doc_id=403865

前端模版交流群

图片

技术交流群:

图片

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端组件开发

你的钟意将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值