AppFlowy-Web笔记应用的安装部署

如何在浏览器上使用Appflowy(开源类Notion应用)?Appflowy支持页面分享了!
AppFlowy-Web笔记应用的安装部署
type
status
date
slug
summary
tags
category
icon
password
AppFlowy-Web 正式版即将发布,我们可以基于源代码抢先部署,可在浏览器上跨平台使用。

📝 安装环境

  • 家庭服务器(Debian 12)
  • Nginx Proxy Manager(反向代理)

🤗 部署过程

1、部署Appflowy-Web

代码仓库
官方文档

关键步骤

克隆仓库
安装依赖
配置环境变量
在根目录创建 .env 文件,结合上篇文章的Appflowy-Cloud地址,生成的结果如下:
⚠️
重点:确保你部署的AppFlowy Cloud能支持AppFlowy-Web域名的跨域访问,下面会细说。
🚀 线上运行
你的服务上会启动一个server,类似如下

域名配置

使用Nginx Proxy Manager配置域名转发,如果你是云服务器,可以直接配置Nginx,原理一样。
使用域名 https://flowytx-web.owenyang.top:1443 即可访问AppFlowy-Web
🚨
你会遇到第一个问题
无法登录Web!登录后会默认跳转App与我们期望打开Web地址不符。

2、Appflowy-Cloud配置

确保本地Appflowy-Cloud代码已经更新,同时 docker 镜像是最新

更新 .env 文件

更新 docker-compose.yml 文件

找到 gotrue 下的 environment 确保GOTRUE_SITE_URLGOTRUE_URI_ALLOW_LIST设置成类似以下的形式。如此登录后才可重定向到GOTRUE_SITE_URL。

更新源代码 nginx.conf 配置

更新 nginx/ningx.conf 添加上述的Appflowy-Web的域名 https://flowytx-web.owenyang.top:1443
🚨
有可能 | 你会遇到第二个问题
即使用改了 nginx.conf 还是会出现跨域的问题,比如我使用Nginx Proxy Manger就会出现Cors问题

更新Nginx Proxy Manager(可选,根据你的网关决定)

配置如图,具体参考以下代码:
notion image

3、重启Appflowy-Cloud即可使用

重启后访问Web地址,魔法链接或oAuth登录
notion image

📎 额外收益

💡
有关Appflowy安装或者使用上的问题,欢迎您在底部评论区留言,一起交流~
 
上一篇
浅谈JavaScript闭包
下一篇
解决宝塔面板反向代理后无法显示真实IP的问题
Loading...
发布于 2025-1-8
修改于 2025-1-10
最新发布
AppFlowy-Web笔记应用的安装部署
2025-1-10
群晖Docker安装部署自托管AppFlowy笔记应用
2025-1-9
解决宝塔面板反向代理后无法显示真实IP的问题
2025-1-9
PostgreSQL配置Fail2Ban防暴力破解
2024-11-19
PVE配置Fail2Ban防暴力破解Web登录与SSH连接
2024-11-19
单臂路由|N1盒子(OpenWRT)单线多拨实现网速叠加
2024-11-18