# 轻语 - 小程序端 **Repository Path**: Polarstudio/easy-talk-mp ## Basic Information - **Project Name**: 轻语 - 小程序端 - **Description**: 轻语-小程序移动端 - - **Primary Language**: Unknown - **License**: Apache-2.0 - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 1 - **Created**: 2024-11-23 - **Last Updated**: 2025-02-26 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README

轻语

**一个基于Spring Cloud Alibaba、Spring Cloud、MyBatis-Plus、MySQL、Redis、SaToken、Kafka、Vue、Uniapp（目前仅适配微信小程序）等技术栈实现的前后端分离的社交平台，采用主流的互联网技术架构、简洁的UI设计，拥有完整的动态发布、评论、自动审核、搜索、活动、话题、圈子、用户认证等功能，完全满足正常的社交需求**👍。 ## 一、项目介绍 本仓库为项目的用户端，使用的是UniApp开发，目前只适配了微信小程序，其它平台的目前还没有适配与测试，项目其它仓库如下： > [轻语-简单的社交平台](https://gitee.com/Polarstudio/easy-talk) 这是项目的后端，详细的信息看这个仓库 > > [轻语-管理后台](https://gitee.com/Polarstudio/easy-talk-admin) 这是管理后台 ### 技术选型 用户端技术栈 | 技术 | 说明 | 官网 | | :--------------: | -------------------------------------------- | ------------------------------------------------------------ | | UniApp | 前端跨平台开发框架 | [uni-app官网](https://uniapp.dcloud.net.cn/) | | Vue | Web 前端框架[Vue.js - 渐进式 JavaScript 框架 | [Vue.js](https://cn.vuejs.org/) | | TuniaoUI | UniApp UI组件库 | [Tuniao UI Uniapp V3 - TuniaoUI](https://vue3.tuniaokj.com/) | | uqrcode | 全端二维码生成插件 | [uQRCode 中文文档](https://uqrcode.cn/doc/) | | TypeScript | 基于 JavaScript 构建的强类型编程语言 | [TypeScript中文网 · TypeScript——JavaScript的超集](https://www.tslang.cn/) | | unocss | 原子化 CSS 引擎 | [UnoCSS: The instant on-demand Atomic CSS engine](https://unocss.dev/) | | pinia | Vue 状态管理库 | [pinia](https://pinia.vuejs.org/zh/) | | sass | CSS 扩展语言 | [Sass 中文网](https://sass.nodejs.cn/) | | 腾讯地图选点插件 | 地图选点插件 | [腾讯地图选点插件](https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker) | | z-paging | 分页全自动处理插件 | [z-paging文档](https://z-paging.zxlee.cn/) | | vite | 前端构建工具 | [https://vitejs.cn/vite3-cn/](https://vitejs.cn/vite3-cn/) | ## 二、项目部署 ### 本地开发环境部署 #### 1.环境准备 首先准备好基础的开发环境： - Node.js : 请安装18及以上版本 - git版本管理 - 开发工具：建议Hbuilder X，当然vs也没有问题，因为习惯，我使用的是vscode #### 2. 项目导入 当环境准备完毕之后，接下来就是下载项目，导入开发工具 #### 2.1 项目获取 本项目所有源码开源，因此您可以在github/gitee上免费获取 **通过git方式拉取项目** ```bash # Git clone git clone https://gitee.com/Polarstudio/easy-talk-mp.git ``` #### 2.2 安装依赖 如果使用的是Hbuilder X，那么直接根据提示进行安装对应的包即可。 如果使用的是vscode，使用打开终端运行以下命令 ```cmd pnpm install 或 npm install ``` 等待依赖安装完成 #### 2.3 配置后端请求地址 需要修改项目的`src\utils\http.ts`文件 ```ts // 请求基地址 const baseURL = 'http://1127.0.0.1:38080' ``` 将`http://1127.0.0.1:38080`改成项目后端网关服务即`easy-talk-getaway`的地址，正常情况下保持默认即可 #### 2.4 配置微信小程序APPID 打开`manifest.json`文件，修改`mp-weixin` 的`appid`成自己的微信小程序的APPID ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/04dbb240-c842-459b-9314-3478433a36a6.png) #### 2.5 管理后台配置 在使用小程序前需要先在管理后台的系统配置中配置一些信息，如果没有部署管理后台请前往 [轻语-管理后台](https://gitee.com/Polarstudio/easy-talk-admin) 按照教程部署。 需要配置小程序的名称，APPID，SECRET，这些需要到微信小程序管理后台获取，还需要配置一个地图选点插件的信息，这是详细的教程 [微信小程序插件 | 腾讯位置服务](https://lbs.qq.com/miniProgram/plugin/pluginGuide/locationPicker) 按照教程安装插件至你的微信小程序，再在这里填写腾讯地图的key和名称。 ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/ce6faec5-3796-4108-8e56-3e373b1e4cea.png) #### 2.6 启动小程序 运行以下命令 ``` pnpm dev:mp-weixin 或 npm dev:mp-weixin ``` 这个时候会在项目根目录生成一个`dist\dev\mp-weixin`的文件夹，这个就是编译成微信小程序代码的文件，你需要使用微信开发者工具打开这个文件夹，打开后等待其编译成功后即可出现如图所示的界面，代表启动成功。 ![](https://easy-talk-bean.oss-cn-beijing.aliyuncs.com/b2206d6f-71a9-4cc1-a220-66a79d8d5537.png) ## 三、许可证 Apache License 2.0 Copyright (c) 2024-2025 轻语（Bean.）