📌 第一步：前期准备与环境配置

1. 注册必备账号：

   • 域名：一个已备案的域名（如 yourcity.com），用于后端API和小程序访问。
   • 服务器：一台云服务器（推荐4核8G起步，安装宝塔面板便于管理）。
   • 小程序账号：在微信公众平台注册并认证一个服务号或小程序（认证费300元）。
   • 地图服务：申请高德地图或腾讯地图的开发者Key。

2. 部署后端环境：

   • 在服务器上通过宝塔面板安装 Nginx/Apache + PHP 7.4/8.0 + MySQL 5.7+。
   • 创建一个新的网站站点，并绑定你的域名。
   • 创建一个同名的数据库。

📌 第二步：部署后端源码（以 ThinkPHP 为例）

php

1use think\facade\Route;
2
3Route::post('api/post/create', 'api.Post/create');

1. 上传与解压：

   • 将购买或下载的后端源码（通常是一个压缩包）上传到网站根目录。
   • 删除宝塔自动生成的默认文件（如 index.html）。
   • 解压源码，并将所有文件移动到网站根目录下。

2. 配置数据库与运行环境：

   • 找到项目根目录下的 .env 文件（或 config/database.php）。
   • 修改数据库连接信息为第一步创建的数据库名称、用户名和密码。
   • 在宝塔面板中，将网站的运行目录设置为 /public。
   • 关闭防跨站攻击（在宝塔网站设置中）。
   • 配置 ThinkPHP 伪静态规则。

3. 导入数据库：

   • 在 phpMyAdmin 中，选择你创建的数据库，导入源码包内提供的 .sql 数据库文件。

4. 配置HTTPS：

   • 为你的域名申请并部署免费的 SSL证书（Let's Encrypt），确保全站HTTPS。这是小程序强制要求。

📌 第三步：配置后台管理系统

1. 访问后台：

   • 在浏览器中访问 https://yourdomain.com/admin。
   • 使用源码包内文档提供的默认管理员账号密码登录。

2. 关键配置项：

   • 小程序配置：在后台找到“小程序”或“微信”设置模块，填入你在微信公众平台获取的 AppID 和 AppSecret。
   • 支付配置：配置微信支付的 商户号 和 API密钥（如果需要开通打赏、付费功能）。
   • 地图配置：填入你在高德/腾讯地图申请的 Key。
   • 基础设置：修改网站名称、Logo、默认城市等。

📌 第四步：搭建前端（Uni-app）

1. 导入项目：

   • 使用 HBuilderX（DCloud官方IDE）打开前端源码文件夹。

2. 修改全局配置：

   • 找到 manifest.json 文件，在“微信小程序”配置中填入你的 AppID。
   • 找到 api/config.js 或类似文件，将 全局API接口地址 修改为你自己的后端域名（如 https://yourdomain.com/api）。

3. 编译与调试：

   • 在 HBuilderX 中，点击“发行” -> “小程序-微信”，编译项目。
   • 编译成功后，会自动打开微信开发者工具进行预览和调试。

1<template>
2  <view class="container">
3    <input v-model="title" placeholder="请输入标题" />
4    <textarea v-model="content" placeholder="说点什么..." />
5    <button @click="publishPost">发布帖子</button>
6  </view>
7</template>
8
9<script setup>
10import { ref } from 'vue'
11
12const title = ref('')
13const content = ref('')
14
15const publishPost = () => {
16  if (!title.value.trim() || !content.value.trim()) {
17    uni.showToast({ title: '标题和内容不能为空', icon: 'none' })
18    return
19  }