YouRanSNS for Fresns

更新记录

1.4.0（2024-01-08）

【Fresns 兼容版本】v2.21.4
【新增】区块编辑器
【新增】一个发布页面（/pages/editor/publishOptions）
【新增】publishOptions.json 配置文件
【新增】登录页面的弹窗登录相关政策窗口 -> 安卓审核问题
【修复】hashtag 中文参数导致接口异常问题
【修复】App 更新部分bug
【修复】若干个不太有影响的编辑器报错
【优化】视频播放横屏竖屏问题
【优化】如果帖子页面提示没有权限一直加载的bug
【优化】删除部分无用注释
【优化】部分核心代码
【优化】部分 css 问题

1.3.9（2023-11-02）

【Fresns 兼容版本】v2.21.0
【修复】App端分享提示未添加share模块的bug
【重写】请求标头 Header 参数
【重写】安卓端检测升级，改用 Fresns 后端配置，后台 > 客户端 > 客户端状态
【注意】一定要在 Fresns 后端配置客户端状态，不然会出错，暂时只兼容安卓端，小程序忽略
【示例】https://www.0313.co/storage/images/posts/202311/02/RHYOre1emJtSNyoqLTIVRk0z-big.png
【删除】appVersion.json 配置文件（请在下个版本删除，这个版本还是需要配置appVersion.json）
【新增】APP 首次启动检测网络
【新增】接口请求失败的提示
【新增】编辑器，开启审核后，发帖无提示的问题
【修改】插件触发方式
【匹配】全局接口的 pagination 参数命名
【优化】评论列表，如果无权则提示
【预告】下版新增区块编辑器【特别适合长文编辑】
【预告】PC版将发布，应老大要求，大家不要对PC版抱有太大希望，由于悠然客移动客户端采用MIT开源，不仅费时费力费钱，而且关键的是“费力不讨好”，PC版源码采用付费获取，费用28.8RMB，30RMB不愿意花的，就不要用了；不影响YouranSNS移动客户端，还是永远MIT开源免费。
【更新日志】https://gitee.com/zjkxiaoqiangge/you-ran-sns/blob/master/version.md

1.3.8（2023-10-03）

【Fresns 兼容版本】v2.18.7
【新增】安卓字体图标与苹果字体图标（icon-ios 实心IOS，icon-bianzubeifen11 空心IOS，icon-android-original 实心安卓，icon-android 空心安卓）
【优化】通用列表细节UI
【优化】验证码登录，如果没有账号的提示，需要在后台设置，后台 -> 系统 -> 站点设置 -> 运行模式 -> 验证码登录时，无账号则自动注册，选择是
【新增】通用列表点赞头像列表
【新增】通用列表在本列表直接快速回复
【新增】通用列表在本列表直接点赞
【新增】通用列表在本列表直接收藏
【新增】苹果App的更新，涉及到如下配置文件
【appVersion】新增 appleStoreAddress 字段，为苹果应用商店地址，如没有苹果App，可以忽略
【新增】App端分享事件
【优化】部分代码结构
【感谢】再次感谢“窗边的豆子（QQ：4563196）”提交的部分有效pull，更多贡献者，请查阅根目录codeContribute.md文件。

平台兼容性

Vue2	Vue3
√	×

App	快应用	微信小程序	支付宝小程序	百度小程序	字节小程序	QQ小程序
app-vue	×	√	×	×	×	×

钉钉小程序	快手小程序	飞书小程序	京东小程序
×	×	×	×

H5-Safari	Android Browser	微信浏览器(Android)	QQ浏览器(Android)	Chrome	IE	Edge	Firefox	PC-Safari
√	√	√	√	×	×	×	×	×

需要一款个性化、场景化社交解决方案？来吧！一切，从这里开始。

简介

YouRanSNS 是一整套的可扩展社交解决方案，着重于个性化、定制化、场景化。

YouRanSNS 是悠然技术团队独立开发、维护。

YouRanSNS 技术架构

经多方位、多方面的考察，YouRanSNS 后端选用了知名开源产品 Fresns ，它自身的定位就是通用型、多场景、灵活多样、免费开源，非常适合 YouRanSNS 的自身定位，YouRanSNS 全称也可以叫做 YouRanSNS for Fresns。

为了全端兼容，前端开发框架我们采用了国内很火的 uni-app ，YouRanSNS 兼容 App、小程序、H5。

YouRanSNS 在设计之初，采用了 DIY 模块化，所以 YouRanSNS 很多页面都可以根据自己的需求进行个性化 DIY。

有利有弊，利，在于自由程度高、适合行业多，弊，在于使用起来稍微复杂一点，但是我们保证，不会很复杂。

YouRanSNS 使用帮助

从这里开始，我们开始一步一步的学习、搭建我们自己的社交平台。

如果您需要付费搭建，请访问付费搭建。

一、后端安装与配置

二、前端安装与配置

三、其他相关资料

四、二开相关

目录结构

common 文件夹 > 全局css与js工具

font.css ------ 全局字体文件
style.css ----- 全局公用css
tool.js ------- 全局公用方法
components 文件夹 > 组件
block-filmstrip ------------------- 块，幻灯片组件
block-hashtag --------------------- 块，话题组件
block-horizontal-sliding-list ----- 块，横向滑动模块
block-html ------------------------ 块，万能HTML解析模块
block-live-chat ------------------- 块，即时聊天小组展示按钮
block-operating-button ------------ 块，悬浮操作按钮
block-quick-publish --------------- 块，快速发布
block-record ---------------------- 块，打卡展示按钮
block-statistics ------------------ 块，数据统计
block-tail-button ----------------- 块，底部浮动按钮
list-ask -------------------------- 列表，问答样式
list-comment ---------------------- 列表，评论列表
list-concise ---------------------- 列表，简单排序样式
list-conversation ----------------- 列表，即时聊天样式，不可参与DIY
list-record ----------------------- 列表，打卡，不可参与DIY
list-interact --------------------- 列表，朋友圈样式
list-news ------------------------- 列表，新闻样式
list-public ----------------------- 列表，通用微博样式
list-roll ------------------------- 列表，一行上下翻滚公告样式
list-waterfall -------------------- 列表，瀑布流列表
public-audio ---------------------- 公用，语音播放组件，不可参与DIY
public-category-group ------------- 公用，分类，内容小组
public-category-hashtag ----------- 公用，分类，话题
public-comment-box ---------------- 公用，尾部回贴浮动栏，不可参与DIY
public-empty ---------------------- 公用，无数据组件，不可参与DIY
public-follow-groups -------------- 公用，我关注的内容小组列表
public-follow-posts --------------- 公用，我收藏的帖子列表
public-follow-users --------------- 公用，我关注的用户列表
public-follow-users-posts --------- 公用，我关注用户，Ta们的帖子
public-lazy-load-image ------------ 公用，图片懒加载组件
public-list-user ------------------ 公用，用户列表
public-loading -------------------- 公用，加载中组件，不可参与DIY
public-nearby-content ------------- 公用，附近帖子列表组件
public-not-logged-in -------------- 公用，未登录，请登录提示，不可参与DIY
public-privacy-popup -------------- 公用，微信隐私弹窗
public-publish-and-draft-buttons -- 公用，侧边栏草稿与发布的浮动按钮，可参与DIY
youran-diy ------------------------ 主，YouranDIY主要引用模块

pages 文件夹 > 页面

index ----------------------------- 主导航，首页
category -------------------------- 主导航，分类页面
find ------------------------------ 主导航，发现页面
notification ---------------------- 主导航，通知页面
my -------------------------------- 主导航，我的页面
account/wechat-login/website-oauth.vue --- 微信扫码PC端登录
comment --------------------------- 评论详情页面
editor [文件夹] -------------------- 编辑器
- draft.vue --------------------- 草稿列表
- editor.vue -------------------- 编辑器主文件
- editorAceTex.vue -------------- 艾特用户选择页面
- editorHashtag.vue ------------- 话题选择页面
- editorQuotePost.vue ----------- 引用帖子选择页面
- editorRecord.vue -------------- 打卡编辑器
- graffiti.vue ------------------ 涂鸦板
- preset.vue -------------------- 预置内容页面
- report.vue -------------------- 举报编辑器
extensionsPlugin [文件夹] ---------- 扩展插件
- AdminMenu.vue ----------------- 管理菜单插件
- TitleIcons.vue ---------------- 标题图标插件
group ----------------------------- 内容小组列表
hashtag --------------------------- 话题列表
login [文件夹] --------------------- 登录
- login.vue --------------------- 登录页面
- userSelection.vue ------------- 用户选择页面
my [文件夹] ------------------------ 主导航，我的
- account.vue ------------------- 账号设置
- accountCookies.vue ------------ Cookies 使用条款
- accountEditEmail.vue ---------- 修改邮箱
- accountEditPassword.vue ------- 修改登录密码
- accountEditPhone.vue ---------- 修改手机号
- accountPrivacy.vue ------------ 隐私政策页面
- accountTerms.vue -------------- 用户条款页面
- applyDelete.vue --------------- 账号注销页面
- appVersion.vue ---------------- App端更新页面
- cacheConfigUration.vue -------- 缓存设置页面
- comment.vue ------------------- 我的评论页面
- follow.vue -------------------- 我的关注页面
- my.vue ------------------------ 我的页面
- post.vue ---------------------- 我的发帖
- poweredBy.vue ----------------- 技术支持页面
- preset.vue -------------------- 预置语设置页面
- userEditing.vue --------------- 用户资料修改页面
notification [文件夹] -------------- 主导航，通知
- commentsAndEt.vue ------------- 评论和艾特通知页面
- conversationDetail.vue -------- 私聊对话详情页面
- notification.vue -------------- 主导航，通知页面
page [文件夹] ---------------------- 自定义DIY页面
post [文件夹] --------------------- 帖子
- followList.vue ---------------- 收藏列表
- likeList.vue ------------------ 点赞列表
- post.vue ---------------------- 帖子详情页
public [文件夹] -------------------- 公用
- image.vue --------------------- 图片预览页面
- navigateToMiniProgram.vue ----- 跳转到其他小程序
- public.vue -------------------- 公用版权页面
- search.vue -------------------- 搜索页面
- video.vue --------------------- 视频预览页面
publicPage [文件夹] ---------------- 公用页面
- followGroups.vue -------------- 我关注的小组单页
- followPosts.vue --------------- 我收藏的帖子单页
- followUsers.vue --------------- 我关注的用户单页
- followUsersPosts.vue ---------- 我关注的人的帖子单页
- nearbyPost.vue ---------------- 附近的帖子
register -------------------------- 注册页面
user ------------------------------ 用户详情页面
YrMoveConfig 文件夹 > 配置文件
appVersion.json ------------------- App更新配置
category.json --------------------- 主导航，分类配置
Config.json ----------------------- 全局配置
find.json ------------------------- 主导航，发现配置
group.json ------------------------ 默认内容小组列表配置
group_gid.json -------------------- 自定义小组配置，不同小组不同样式
index.json ------------------------ 首页配置
my.vue ---------------------------- 主导航，我的配置
page_1-18.json -------------------- 自定义的 18 个单页
post.json ------------------------- 帖子内容页配置
template.json --------------------- DIY 模板配置示例

本地储存（同步）

cacheAgreement

缓存用户是否同意网站协议
cachePreset
预置语储存
headlines
头条推荐，只在首页触发

演示

微信小程序安卓 App

关于版权

免费、开源、可商用，MIT 开源协议，不限形式二开、不限形式传播，但是一定要遵纪守法不得将 YouRanSNS 用于任何违反法律的事情上。

联系我们

网址：悠然创业社区

QQ群：592713454

QQ：97028048

鸣谢

Fresns 一款免费开源的社交网络服务软件
uni-app 是一个使用 Vue.js 开发所有前端应用的框架
mp-html 一个强大的富文本组件

YouRanSNS 是采用 MIT 许可的开源项目，使用完全免费。

维护这样一个高质量的、长久性的开源项目是需要巨大的努力，只有在我们的赞助者慷慨的财务支持下才得以持续。

如何赞助

微信收款码支付宝收款码

赞助后...

请联系QQ：97028048，悠然创业社区 “赞助用户组”，加入 VIP 聊天室，等等等...