即刻App年轻人的同好社区
下载
因为工作需要, 准备直接上 supabase, 但是企业数据不太好放到 supabase.co 提供的空间, 于是周末研究了一下 supabase 的 self-hosting 方案, 整体比较流畅, 但依旧遇到了一些坑点, 这里简单记录一下:
1. 默认 supabase self-hosting 启动的 db (postgres), 是没有把容器内的 5432 端口映射到主机的.
这就意味着我们没办法直接连接 supabase 启动的 postgresql (本地用 dbeaver 之类的数据库 GUI 查看数据库内容), 而是需要通过 supavisor 的连接池去连接 (官方说 直连 postgres 很消耗资源, 很容易就让 postgres 负载, 之前我用 prisma 直连 postgres 的时候就遇到过, 所以推荐使用 supavisor 的连接池, 性能更好一些)
然后连接 supavisor 的url 为 'postgres://postgres.your-tenant-id:your-super-secret-and-long-postgres-password@localhost:5432/postgres'
这里账号前面的 postgres 是默认的, your-tenant-id 是可以在 env 里面配置的. 如果直接用 postgres 的用户名是连不上的.
而后面的 5432 端口是 supavisor 开放的代理 postgres 的 5432 端口到主机上的 (也是可以额外配置的)
2. jwt key 生成的问题
这个问题坑最大, 因为官方页面提供的 jwt 对应的 key生成工具有问题, 生成的 anon-key 和 service-role-key 不匹配, 我去 github-issue 找了一圈, 发现23年就有人遇到类似的问题, 最合适的解决方案, 是自己写个 脚本 (python 或者 nodejs 都可), 手动本地根据 JWT Secret 去生成 anon-key 和 service-role-key. 这个脚本直接问 GPT即可, 这里就不贴了.
1. 默认 supabase self-hosting 启动的 db (postgres), 是没有把容器内的 5432 端口映射到主机的.
这就意味着我们没办法直接连接 supabase 启动的 postgresql (本地用 dbeaver 之类的数据库 GUI 查看数据库内容), 而是需要通过 supavisor 的连接池去连接 (官方说 直连 postgres 很消耗资源, 很容易就让 postgres 负载, 之前我用 prisma 直连 postgres 的时候就遇到过, 所以推荐使用 supavisor 的连接池, 性能更好一些)
然后连接 supavisor 的url 为 'postgres://postgres.your-tenant-id:your-super-secret-and-long-postgres-password@localhost:5432/postgres'
这里账号前面的 postgres 是默认的, your-tenant-id 是可以在 env 里面配置的. 如果直接用 postgres 的用户名是连不上的.
而后面的 5432 端口是 supavisor 开放的代理 postgres 的 5432 端口到主机上的 (也是可以额外配置的)
2. jwt key 生成的问题
这个问题坑最大, 因为官方页面提供的 jwt 对应的 key生成工具有问题, 生成的 anon-key 和 service-role-key 不匹配, 我去 github-issue 找了一圈, 发现23年就有人遇到类似的问题, 最合适的解决方案, 是自己写个 脚本 (python 或者 nodejs 都可), 手动本地根据 JWT Secret 去生成 anon-key 和 service-role-key. 这个脚本直接问 GPT即可, 这里就不贴了.
0 00
周五的时候, 发现公司电脑的 C盘又快爆了.
用 wiztree 看了一下, docker 占了 30多个G, WSL 占了 40多个G.
周末花了半天, 把 Docker 和 WSL 的目录都移植到 额外的1T容量SSD 上, 然后给 WSL 安装了 zsh 和 ohmyzsh
自此, 整个开发体验完全不输 macos.
之前在家用 macos 开发, 16G内存启动个 supabase-cli + cursor + chrome 多个网页, 内存占用就快满了.
现在直接远程公司的 win 主机(64G内存), 把需要 supabase-cli 开发的部分直接放在 windows 上跑, 完成后推送到远程 supabase 服务, 然后 macos 上只需要开 cursor 和 chrome 即可, 非常完美.
用 wiztree 看了一下, docker 占了 30多个G, WSL 占了 40多个G.
周末花了半天, 把 Docker 和 WSL 的目录都移植到 额外的1T容量SSD 上, 然后给 WSL 安装了 zsh 和 ohmyzsh
自此, 整个开发体验完全不输 macos.
之前在家用 macos 开发, 16G内存启动个 supabase-cli + cursor + chrome 多个网页, 内存占用就快满了.
现在直接远程公司的 win 主机(64G内存), 把需要 supabase-cli 开发的部分直接放在 windows 上跑, 完成后推送到远程 supabase 服务, 然后 macos 上只需要开 cursor 和 chrome 即可, 非常完美.
0 00
历时2个多月, 终于完成 chrome 扩展 Refloo 的 MVP 版本. 这个扩展最初的开发目的, 就是解决书签太多不好找的问题.
关于这个问题, 去年我就写了一个扩展来解决, 但是设计上有一些问题, 我一直都没有想出更好的解决方案:
那就是如何展示多层级目录的书签.
大概在想了大半年之后, 我找到了一个很好的解决方案, 但是由于新的方案和旧的设计不兼容, 所以我就干脆重新写了一个扩展.
下面简单介绍一下它的设计理念, 以及它是如何解决我说的多层级书签展示的问题.
当我们安装了 Refloo 之后, 打开浏览器的 新标签页, 看到默认的页面已经被换成了类似电脑桌面一样的东西.
这个布局, 我参考了 MacOS 的界面:
- 顶部是一些辅助的工具和菜单
- 中间是工作区(理解为桌面)
- 最下面是 Dock 栏, 默认内置的两个 工作区视图 和 设置.
接下来, 就是最核心的功能了, 我们可以在 工作区(桌面)上, 右键菜单 (添加小组件) , 来添加自己需要的组件.
这里我设计了三种不同的组件类型:
- 小组件: 基础的组件, 主要用于在展示特定的内容.
- 应用: 一些工具或者应用, 和电脑安装程序一样, 添加后是一个app 图标, 点击后使用.
- 网站: 对于一些好用的网站(自己没有收藏的), 可以直接添加使用, 也是一个图标, 点击后直接跳转到对应的链接.
而我说的书签展示, 也就是我做这款插件的起因, 则是现在仅有的两个小组件: 所有书签 和 文件夹书签.
这两个书签的作用, 就是把 chrome 自身的书签, 平铺展示成一个视图:
- 所有书签: 展示所有的书签
- 文件夹书签: 展示指定文件夹内的书签(用户自己选择).
这样我们把文件夹做好分组, 然后添加多个 文件夹书签, 就可以像真的电脑桌面一样, 随用随点, 而不用在书签栏里面用鼠标滑呀滑了.
目前扩展只上架了 chrome 扩展商城, 并且只支持 google 登录(精力有限, 后续会考虑适配更多的平台). 感兴趣的朋友可以安装体验一下 ~~~
因为是 MVP 版本, 所以可能会有一些小bug 之类, 如遇到可以直接在评论区回复, 我会第一时间修复的.
关于这个问题, 去年我就写了一个扩展来解决, 但是设计上有一些问题, 我一直都没有想出更好的解决方案:
那就是如何展示多层级目录的书签.
大概在想了大半年之后, 我找到了一个很好的解决方案, 但是由于新的方案和旧的设计不兼容, 所以我就干脆重新写了一个扩展.
下面简单介绍一下它的设计理念, 以及它是如何解决我说的多层级书签展示的问题.
当我们安装了 Refloo 之后, 打开浏览器的 新标签页, 看到默认的页面已经被换成了类似电脑桌面一样的东西.
这个布局, 我参考了 MacOS 的界面:
- 顶部是一些辅助的工具和菜单
- 中间是工作区(理解为桌面)
- 最下面是 Dock 栏, 默认内置的两个 工作区视图 和 设置.
接下来, 就是最核心的功能了, 我们可以在 工作区(桌面)上, 右键菜单 (添加小组件) , 来添加自己需要的组件.
这里我设计了三种不同的组件类型:
- 小组件: 基础的组件, 主要用于在展示特定的内容.
- 应用: 一些工具或者应用, 和电脑安装程序一样, 添加后是一个app 图标, 点击后使用.
- 网站: 对于一些好用的网站(自己没有收藏的), 可以直接添加使用, 也是一个图标, 点击后直接跳转到对应的链接.
而我说的书签展示, 也就是我做这款插件的起因, 则是现在仅有的两个小组件: 所有书签 和 文件夹书签.
这两个书签的作用, 就是把 chrome 自身的书签, 平铺展示成一个视图:
- 所有书签: 展示所有的书签
- 文件夹书签: 展示指定文件夹内的书签(用户自己选择).
这样我们把文件夹做好分组, 然后添加多个 文件夹书签, 就可以像真的电脑桌面一样, 随用随点, 而不用在书签栏里面用鼠标滑呀滑了.
目前扩展只上架了 chrome 扩展商城, 并且只支持 google 登录(精力有限, 后续会考虑适配更多的平台). 感兴趣的朋友可以安装体验一下 ~~~
因为是 MVP 版本, 所以可能会有一些小bug 之类, 如遇到可以直接在评论区回复, 我会第一时间修复的.
4 22
最近看到很多说野卡跑路后, 不知道如何付费开通 ChatGPT的, 这里提供一个安卓系统使用国内的visa卡开通的途径:
1. 申请国内的 visa卡 (我申请的招行的 Visa全币种信用卡, 直接在掌上银行就能申请, 大约1周左右寄到)
2. Google 登录 GooglePay, 支付方式绑定国内的Visa卡(只需要输入卡号和信用卡背面的key就可以).
3. 安卓手机使用 GooglePlay 安装 ChatGPT或者Claude的app, 登录账号, 在个人中心找到升级订阅, 然后直接选择 GooglePay 订阅就可以了.
订阅后，在app和web端就都可以使用了。
这个方式我记得大概在1年多前是不可以, 那时候 ChatGPT还没完全支持安卓直接使用 GooglePay订阅, 不过现在可以了.
这个方式好处是, 因为是从 GooglePay 间接支付的, 所以不好判断支付的是不是国内的信用卡.
个人体验, 使用快一年了, 没啥问题.
后续扣款也很方便, 招行的visa信用卡, 账单会和普通的信用卡一起记录, 自动根据汇率转换为人民币, 正常还信用卡即可.
1. 申请国内的 visa卡 (我申请的招行的 Visa全币种信用卡, 直接在掌上银行就能申请, 大约1周左右寄到)
2. Google 登录 GooglePay, 支付方式绑定国内的Visa卡(只需要输入卡号和信用卡背面的key就可以).
3. 安卓手机使用 GooglePlay 安装 ChatGPT或者Claude的app, 登录账号, 在个人中心找到升级订阅, 然后直接选择 GooglePay 订阅就可以了.
订阅后，在app和web端就都可以使用了。
这个方式我记得大概在1年多前是不可以, 那时候 ChatGPT还没完全支持安卓直接使用 GooglePay订阅, 不过现在可以了.
这个方式好处是, 因为是从 GooglePay 间接支付的, 所以不好判断支付的是不是国内的信用卡.
个人体验, 使用快一年了, 没啥问题.
后续扣款也很方便, 招行的visa信用卡, 账单会和普通的信用卡一起记录, 自动根据汇率转换为人民币, 正常还信用卡即可.
20 289
Dev的时候, 经常需要Mock接口测试, 可以使用 `json-server`, 直接把本地的json文件创建成接口, 类似http-server启动静态服务一样, 一行命令启动接口服务.
同时也支持 --routes 来重写路由, 以及自定义host, port和watch mode.
项目地址:
github.com
同时也支持 --routes 来重写路由, 以及自定义host, port和watch mode.
项目地址:
github.com
0 00
开发的时候, 经常遇到一些指令或者语法记不清的情况, 比如git 或者 docker, 这种情况下, 直接问AI很方便.
但是, 频率高了, 每次都要问或者找记录, 很浪费时间.
这里推荐一个专门为程序员设计的, 开源的备忘录清单, 包含各种编程语言, 工具集, 快捷键以及操作系统的指令.
地址是: cheatsheets.zip
可以帮助我们快速索引一些常用的指令, 当然, 没事翻一翻强化记忆也不错的.
如果需要翻译, 推荐国内的开发者共同翻译建设的 Quick Reference, 内容几乎都一致.
地址: wangchujiang.com
但是, 频率高了, 每次都要问或者找记录, 很浪费时间.
这里推荐一个专门为程序员设计的, 开源的备忘录清单, 包含各种编程语言, 工具集, 快捷键以及操作系统的指令.
地址是: cheatsheets.zip
可以帮助我们快速索引一些常用的指令, 当然, 没事翻一翻强化记忆也不错的.
如果需要翻译, 推荐国内的开发者共同翻译建设的 Quick Reference, 内容几乎都一致.
地址: wangchujiang.com
1 11
github.com
最近用NodeJS做了一些工具, 然后用Pkg打包成exe使用, 用多了觉得每天都要手动点击exe太麻烦了, 经同事推荐, 找到了winsw, 可以快速的把脚本, exe变成windows自启动的服务.
使用起来也非常简单, 从release下面下载对应的exe文件, 和需要自启动的脚本或exe放在一个目录下面, 然后配置一下winsw.xml, 把服务id, name和执行路径都写好, 然后终端执行:
winsw.exe install
即可安装服务
winsw.exe uninstall
即可卸载服务
最近用NodeJS做了一些工具, 然后用Pkg打包成exe使用, 用多了觉得每天都要手动点击exe太麻烦了, 经同事推荐, 找到了winsw, 可以快速的把脚本, exe变成windows自启动的服务.
使用起来也非常简单, 从release下面下载对应的exe文件, 和需要自启动的脚本或exe放在一个目录下面, 然后配置一下winsw.xml, 把服务id, name和执行路径都写好, 然后终端执行:
winsw.exe install
即可安装服务
winsw.exe uninstall
即可卸载服务
1 00
