更新记录
1.0(2025-04-14) 下载此版本
第一个版本
- 支持Discuz!X版块、帖子、评论、用户信息等内容的输出
- 支持用户登录、注册
- 支持后端设置轮播图、推荐帖子、宫格导航、自定义菜单等
- 支持后端新增自定义模块和自定义字段等功能
- 支持多语言自定义
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.51 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 | 鸿蒙元服务 |
---|---|---|---|---|
× | × | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
× | × | × | × | × | × | × | × | × |
Discuz!X 博客应用 (DZX-App)
项目概述
DZX-App 是一款基于 UniApp 开发的多端博客应用,专为 Discuz!X 论坛系统设计。此应用允许用户在移动端浏览和交互 Discuz!X 论坛内容,支持多种平台包括微信小程序、H5、iOS 和 Android。
功能特点
内容浏览
- 首页动态展示
- 帖子分类浏览
- 帖子详情查看
用户互动
- 用户注册与登录
系统设置
- 多语言支持(中文简体、中文繁体、英文、日文、韩文)
- 主题设置(包括暗黑模式)
- 文字大小调整
- 跟随系统主题
技术架构
- 基于 UniApp 跨平台框架
- Vue.js 2.x 开发
- 支持多端编译
- 自定义 UI 组件库
安装配置
前提条件
- 已安装 HBuilderX
- 拥有正常运行的 Discuz!X 论坛网站
安装步骤
-
导入项目到HBuilder
-
打开
config/config.js
文件,修改以下配置项:
const base = 'https://your-discuz-site.com'; // 修改为你的 Discuz!X 网站地址
平台特定配置
-
微信小程序配置
在
manifest.json
中修改:"mp-weixin": { "appid": "你的微信小程序appid", "setting": { "urlCheck": true, "minified": true } }
-
头条小程序配置
在
manifest.json
中修改:"mp-toutiao": { "appid": "你的头条小程序appid", "setting": { "minified": true, "urlCheck": false } }
-
APP 配置 根据需要配置
manifest.json
中的应用图标、权限等内容。
编译和发布
H5 编译
在 HBuilderX 中选择"发行"→"web"
微信小程序编译
在 HBuilderX 中选择"发行"→"小程序-微信"
APP 打包
在 HBuilderX 中选择"发行"→"原生App-云打包"
Discuz!X 配置要求
-
安装多米API插件 确保你的 Discuz!X 论坛已安装最新版本的多米API插件,用于提供必要的API接口。
-
伪静态配置
# 将 /domi_api/domi_blogapp 重写到 plugin.php?id=domi_blogapp location /domi_api/domi_blogapp { rewrite ^ /plugin.php?id=domi_blogapp last; }
将 /domi_api/xxx 重写到 plugin.php?id=domi_api&mod=xxx
location /domi_api/ { rewrite ^/domi_api/(\w+)$ /plugin.php?id=domi_api&mod=$1&$args last; } location /h5 { try_files $uri $uri/ /h5/index.html; }
如果h5和discuzx不在同一域名下,请确保服务器已正确配置 CORS 跨域访问权限。
3. **用户权限设置**
根据需要配置 Discuz!X 中的用户组权限,比如游客看图权限,确保 API 可以正确访问相应内容。