继我发布 OneTypecho uni 小程序之后已经大半年了,因为博主比较懒,所以下次更新也不知道是什么时候。
最近,规则之树(不暇)的老哥整了一款新的 Typehco UniAPP,体验很不错~
我作为十年之约的开发者,也和 不暇 老哥合作将十年之约整合了进去,可以在APP内查看十年小伙伴的信息资讯。
感兴趣的小伙伴继续往下看。
什么是UniAPP?
uni-app
是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。
官方主页:https://uniapp.dcloud.io/
RuleAPP 初体验
这里主要是展示功能,文末会给出安装教程和资源链接。
简介
RuleApp,一款功能全面,用户交互良好的程序,兼容安卓苹果端,H5网页,微信小程序等。同时是集成数据本地缓存,邮箱验证,在线投稿,(内置Mardown编辑器),社会化登录,点赞打赏,积分商城,付费阅读,在线充值等一系列功能的自媒体博客资讯APP。
本程序不包含任何按收费项目,功能全部开放且完全开源免费(包括后端接口)。想要赞助的可以去:
https://www.ruletree.club/sponsor.html
RuleApp 主要包括 UniApp 前端,以及基于 springboot 的后端。(作者写了快速安装脚本,所以也不用太担心不会安装的问题。)
基础功能
1.基于标签,分类,搜索词,文章字段,随机为一体的数据查询调用
2.集成了基于邮箱验证的登录注册,邮箱修改
3.集成了在线评论,在线投稿,编辑文章等用户操作模块
4.集成了用户签到,打赏,收藏,点赞等基本交互模块
5.整合积分商城,付费阅读,在线充值(微信和支付宝),提现审核,简易后台
6.本地列表数据缓存,更优秀的加载体验。
7.兼容安卓苹果APP,H5网页,微信小程序,更多支持正在开发...
多图展示
基本功能展示:











发布文章展示:

支持前端发表文章,支持插入表情,代码,隐藏内容,链接等等。商品等功能还在完善中
十年之约展示:


快速体验
两种快速体验的方式:
一、下载打包好的APP
二、手动下载HbuilderX,导入项目
先下载最新的开发工具,并安装,流程都很简单不在多说。
https://www.dcloud.io/hbuilderx.html
然后使用一键导入,打开下面地址,点击使用 HBuilderX 导入插件
https://ext.dcloud.net.cn/plugin?id=6909

然后点击运行,运行到 比如内置浏览器就可以体验。

安装步骤
最后简单说一下安装步骤:
主要包括两个方面:1. Typecho 后端API部署 2. UniAPP 前端设置和打包
一、Typecho 后端API部署
后端部署也有两种方法:
1)脚本快速部署(简单版,不成功就用手动版)
图文介绍看:https://www.ruletree.club/archives/2786/
后期更新看:https://www.ruletree.club/archives/2824/
2)手动部署版
详细图文(配套视频):https://www.ruletree.club/archives/2661/
二、UniAPP 前端设置和打包
1.编辑utils/api.js,设置接口地址,网站地址,群地址。同时设置各种数据调用的id和mid。
2.编辑manifest.json设置社会化登录。
3.对象存储上传和本地上传的切换,请修改utils/api.js中的upload方法
详细安装打包教程可参考:uniapp从基本配置到打包发布,详细流程
如果有问题可以加规则之树的QQ群,也可以在这里留言反馈,站长看到后会回复。