- 博客(75)
- 资源 (16)
- 收藏
- 关注
原创 remote-cloudflare-kv 在 Vercel 上使用 Cloudflare KV
最近我在做 Next.js 项目部署 Cloudflare Pages 时发现本地开发调试、登录鉴权等好多问题,所以又想要切回到 Vercel 中,便有了这么一个项目,可以在 Cloudflare 以外的环境上得到类似于 Worker Runtime 的 KV 使用体验。废话不多说,直接进入正题。
2023-05-28 19:34:01
149
原创 Mastodon 长毛象多租户:自定义域名、自定义账号别名
假设,Mastodon 主节点域名,我在该域名下拥有一个用户。配置自定义域名后缀支持后,也可以通过搜索到。该配置需要在主节点中设置。假设,Mastodon 主节点域名,我在该域名下拥有一个用户。配置自定义账号别名支持后,可以通过搜索到(即用户名和域名均可自定义)。如果您想要一个属于自己的账号别名,但没有服务器的话,可以参考一下我的发电计划:首先检查环境变量中的配置好重启 Mastodon 服务。如果您想要一个属于自己的账号别名,但没有服务器的话,可以参考一下我的发电计划:该方法理论上来说并不需要在。
2023-05-24 11:25:31
354
原创 安装部署 Mastodon 长毛象去中心化微博系统
注意:本文采用的为 Docker Compose 方式安装部署。项目包含一个Dockerfile和一个文件(需要至少版本 1.10.0)。
2023-05-23 22:34:44
352
原创 Wealth 开源的账本响应式网站系统免费部署
演示网站: https://wealth.willin.wang首先需要注册一个 Github 账号,Fork 这个开源项目: https://github.com/willin/wealth (欢迎 Star)然后使用 Github 账号分别注册 Vercel 和 Planetscale:使用 Navicat 之类的软件连接数据库,并创建表,sql 语句位于文件: https://github.com/willin/wealth/blob/main/db/database.sql创建 Vercel 项
2023-05-13 19:56:44
429
原创 ActivityPub 1.0 规范
W3C 提案规范,2018 年 1 月 23 日发布本版本:最新版本:标准化身份制作、内容创建和交互行为,使能开放、分享和合作。ActivityPub 是开放社交网络的分布式网络协议并且基于现有通用语言的概念建立在 ActivityStreams2.0标准上。该标准使得在不同服务和用户之间的开放数据交换和分布式交互成为可能,构建一个统一的社交网络。它简化了实现复杂度,通过共享的消息传递机制消除了服务之间建立专用连接的必要性。
2023-04-22 12:32:58
125
原创 ChatGPT:理财记账应用数据库模型设计
最后,由于您需要支持多种类型的虚拟资产,可以考虑将虚拟资产的具体信息存储在 Transaction 表的 assetCode、assetName、assetSymbol、assetIssuer 和 assetUnit 等字段中。User 表保存用户的基本信息;在这个表结构中,Account 和 Transaction 都包含一个枚举类型字段,用于区分不同类型的资产,比如股票、基金和虚拟资产等。另外,Transaction 表中还包含了一些其他的字段,用于记录资产的具体信息,比如资产代码、名称、交易所等。
2023-04-12 09:53:30
90
原创 Next.js 13 appDir 实战 i18n
官方目前未打算支持 i18n 国际化路由支持,且尚未提供解决方案,但是我们可以通过实验特性 appDir 来实现。文档地址: https://beta.nextjs.org/docs/app-directory-roadmap#not-planned-features首先需要了解一下 服务器组件和客户端组件。简单来说,服务器端组件不支持事件侦听、不支持生命周期状态,这导致了原有的好多组件不可以直接拿来就用了。比如 next-i18next, next-themes 等等好多,直接引入使用会报各种莫名其妙的
2022-12-03 19:46:27
581
原创 搭建个人知识付费应用系统-(6)Sanity 集成
因为默认允许有两个 dataset,其中一个为 Production,所以可以使用 previewClient 来访问开发环境。后续还需要根据文章类型再加上:页面、文章、代码片段的区分(做视频的时候忘了)。需要好好看看,折腾了半天没太搞明白。好不容易凑了一个例子跑对了。创建一个 Sanity 配置文件。注意 tags 那里,折腾了好久。
2022-09-12 15:53:11
185
原创 搭建个人知识付费应用系统-(5)Header、Footer 样式组件
视频地址: https://www.bilibili.com/video/BV1DT411c7M5/如鼠标指针、背景图片等。背景图片切换HeaderLink 封装locale-link:router-link:header 组件:
2022-08-21 22:29:03
107
原创 搭建个人知识付费应用系统-(3)用户信息获取
Authing 控制台付费版可以自定义扩展字段,免费版可以基础字段修改用途。VIP 到期时间:日期字段名:自定义字段(vip)或基础字段(birth)已购资源:字符串(,分隔)字段名:自定义字段(bought)或基础字段(如locale)
2022-08-21 00:03:11
63
原创 搭建个人知识付费应用系统-(2)用户 Session 管理
视频地址: https://www.bilibili.com/video/BV1qG4y1a7Ti/FT登录回调FTStart注销判断 url 参数清除 Session 然后 SSO 注销跳转 SSO 注销链接StopStart记录 Session跳回页面Loader 读取用户信息是否失效获取用户信息Stop通过 refreshToken 更新 accessTokenSession 管理SessionStorageToken 管理将 code 换 AccessToken 和 RefreshToken
2022-08-20 11:59:26
90
原创 搭建个人知识付费应用系统-(1)框架初始化、用户身份集成
视频地址: https://www.bilibili.com/video/BV12d4y1R7bR/Remix 官网:https://remix.run/创建命令:目前项目源码位于: https://github.com/willin/beta.willin.wang可选项:创建登录、注销接口
2022-08-19 22:50:06
191
原创 搭建个人知识付费应用系统整体需求及详细设计
对浏览器广告屏蔽插件进行检测,如果访客(非 VIP 用户)开启了广告拦截插件,则禁止显示文章内容正文,改为提示关闭广告拦截插件。使用 Authing 服务,注册、登录合并,支持第三方登录(如 Github、Gitee、支付宝、微信小程序等)。项目根目录还会放置其他配置类的文件,如 Sanity、 ESLint、Prettier 配置等。AntiAdBlock 插件。禁止文本选中复制组件。是否为 VIP 会员。...
2022-08-14 20:47:42
220
原创 Cypress 前端 E2E 测试——手把手入门教程
注意一下,需要用根用户池登录,且最好关闭 MFA (没有接口支持)。产品环境用户池 ID 为。如获取登录 token。
2022-08-10 00:28:17
590
翻译 Headless CMS Sanity 数据建模——定义文档内容的结构
定义内容的结构。使用代码定义内容模型是设计使然。它使版本控制变得更容易,并使开发人员能够控制数据结构的布局方式。我们让在界面中添加、更改和删除字段变得毫不费力。观看,或滚动阅读它的工作原理。...
2022-08-03 17:35:28
85
原创 模块化开发、容器化开发
一、不推荐使用多参数方式定义一个函数。number)void;//或classClassA{number){}}推荐的做法为,单一对象参数,或id+单一对象参数的方式。//Class示例import{import{any){//仅当作为基类,不确定输入类型时使用anyif(data){}}}}//方法示例import{import{import{import{import{import{...
2022-08-01 20:08:18
87
原创 从 0 到 1 设计、编码、搭建个人知识付费应用(Remix 全栈框架、集成支付和用户、React、TailwindCSS、Prisma)
类似于个人博客系统,可以发布文章、页面及代码片段。付费VIP,享受所有资源免费访问(有效周期内)单篇付费,对于设置付费的资源进行购买并获得访问权限(买断)
2022-07-30 15:25:36
430
原创 ECMAScript 6 Reflect / Proxy
建议先看Reflect然后再看Proxy。该对象用于拦截JavaScript操作的方法。示例代码参考在了解了Reflect和Proxy之后,还可以再深入了解一下React.metadata。
2022-07-29 22:18:27
186
原创 GraphQL 进阶——DataLoader
Dataloader是由Facebook推出,能大幅降低数据库的访问频次,经常在Graphql场景中使用。
2022-07-21 10:02:54
399
原创 设计经验——如何做好需求分析
另一方面,如果大量的用户反馈觉得这样比较麻烦,最佳实践应该是,保留App上的密码解锁功能,但可以设置开启或关闭,默认开启,由用户去控制,为了方便可以将其关闭,但由于这种用户自发行为导致的安全隐患,就得交由用户自行承担。思想这个东西,虽然有后天弥补的空间,但基本都是与生俱来的,可视为先天优势。很苛刻,但这是事实。当产品经理拍拍脑袋提出了一个想法,该做的事情是,让他先去做一个详细的市场调研,给出报告和可行性分析。这里就不举例展开了,一方面数据都是比较私密的,另外一方面,数据所展示出来的问题都是比较明显的。...
2022-07-19 11:27:18
136
原创 Docsify画图建模Mermaid插件支持
plugins//类似jQuery.ready初始化mermaid,禁用自动渲染mermaid.initialize({false});});//每个页面渲染完成后手动渲染mermaid图表mermaid.init(undefined,'.mermaid');});}];最后再补一张甘特图流程图序列图甘特图而且语法结构非常简单,值得推荐.font-size16px;fill#333;#552222;#552222;stroke。...
2022-07-19 11:23:55
473
原创 Vue + Koa 前后端分离实践
vue-cli及诸多脚手架生成的项目里,配置项非常繁琐,结构也非常混乱,实际上webpack常规配置就需要两个,分别给开发环境和产品环境使用.而且像这样的插件,可以通过简单的或[].concat完成.base.js。
2022-07-15 09:46:58
326
原创 GraphQL SubGraph
使用 GraphQL 替代 RESTful 接口。类似于传统的微服务架构及负载均衡架构,将 GraphQL 的模型定义(SDL)拆分成 SubGraph。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7QCQVsOZ-1657539190450)(https://cdn.nlark.com/yuque/__mermaid_v3/70df38234687b9975e932f993d52487f.svg)]其中,包括以下核心组成部分:各个服务的数据来源包括不限于:同时,各个服务也
2022-07-11 19:33:39
201
原创 Gatsby(Static/Dynamic + GraphQL)
官方网站: https://www.gatsbyjs.com即 SSR,服务器端渲染。本地前端开发环境,现在基本上都是 SSR 的。方便问题排查,性能调优。到了服务器上也是一样。相较于纯静态页面,动态页面性能上毫无优势可言。即便与动态技术相比(如 PHP之类的编程语言、使用 HTML 模板语言渲染等),也是差距极大。因为需要把模板渲染出 HTML 还没完,还需要构建虚拟 Dom。很多人说 SSR 的优点有首屏渲染快,但实际上纯静态网站做首屏优化更容易,而且能够更快。同时还有很多人说 SSR 另一个优点是可以
2022-07-11 19:32:48
109
原创 优化 RxJS 改造示例
在 jQuery、 Q.js 等中都有 defer 对象的封装。这里写了一个精简的 defer 实现:使用示例改造传统 callback 方法的示例:替换方案同时,node.js 原生 Utilities 中已经有了 Promisify 方法来方便 Promise 改造。 参考官方文档: https://nodejs.org/dist/latest-v16.x/docs/api/util.html#util_util_promisify_original理解绕弯,调试不便。一般用于底层复杂业务处
2022-07-11 19:31:12
143
原创 代码优化及编程习惯
示例:目前大部分 Promise.all 使用的场景下,是多个任务并行执行,其中某个失败了也依然需要保证其他任务执行完毕。p.s. 如果并发任务中有外部请求(如 HTTP Request、数据库查询连接创建等),不要用 Promise.allSettled, 而要自行封装 Promise.parallel 或者使用队列、Pooling(池)等方式去优化处理。不要让 语句参与运算:使用 RxJS 封装底层方法学习教程: http://rx.js.cool/贡献仓库: https://github.c
2022-07-11 19:29:54
202
原创 Apollo Federated Schema 最佳实践
根据需要定义、引用、继承实体。Object和Interface可以通过添加 @key 变为一个实体。@key 修饰符给实体定义了主键,fields参数可以包含一个或多个该实体的字段。 下面的例子中,Product实体的主键是他的upc字段。Products Subgraph换句话说,把upc设为key意味着其他subgraph想要使用这个实体就需要知道upc这个字段。这个字段是可以用来确定唯一Product的一个字段。避免在subgraph之间传递动态数据的场景。在一个schema中定义好一个实体后,
2022-07-11 19:27:14
103
原创 Typescript 多线程Worker Threads
Node.js Worker Threads 文档: https://nodejs.org/dist/latest-v16.x/docs/api/worker_threads.html官方文档:https://threads.js.org/usage#typescript安装:Demo:线程池官方文档: https://threads.js.org/usage-poolObservable AdapterThreads.js 内置了 。但与 RxJS 相比功能较少。(相关 Issue: https
2022-07-11 19:25:17
1889
原创 DevOps 全栈开发基础
VS Code 编辑器配置推荐配置:配置文件参考:其他 IDE 可以参阅: https://leader.js.cool/basic/resource/ide建议:终端配置zsh + ohMyZsh, 参考: https://leader.js.cool/basic/resource/zshMac 终端软件使用 iTerm, 全系统可使用 Hyper.isDocker基础如何像盖房子一样写代码原文: https://leader.js.cool/experience/advanced/co
2022-07-07 19:40:55
360
原创 开发者文档重构
目录背景系统架构入口应用服务带本地缓存的 ISR现代化嵌套式路由全栈框架文档增量更新手动触发CI/CD 流水线自动触发注意事项需求设计原则核心思想原则最简化可实行产品(MVP)原则其他参考UI 设计原则方法Color PaletteTypography传统设计框架现代化设计框架模块功能实现项目拆分应用服务框架页面框架组件封装静态化资源生成Markdown、MDX 渲染处理PDF GenerateGithub 贡献者名单获取第三方服务集成全文检索目前存在的问题:主要调整:为显著提升打包性能,避免使用 Webp
2022-06-09 14:00:11
144
原创 抖音带货指南——抖音号橱窗和抖音电商篇
目录抖音号抖音电商抖音号开通橱窗推荐。需要保证金 500 和 1000 粉丝。抖音电商已不支持个人开店。需要 2000 保证金,5% 技术服务费。
2022-05-24 11:00:05
235
原创 淘宝开店指南——商品管理篇
目录设置运费(运费模板)、发退货地址商品分类管理商品素材管理图片素材视频素材商品发布设置运费(运费模板)、发退货地址通过千牛主账号工作台左侧点击【交易】->选择【物流工具】。设置链接:点击访问先点击地址库设置发退货地址然后进入运费模板设置配置商品运费可以通过运费计算器和指定条件包邮形式来设置运费。也可以直接设置运费 0 全部地区免运费(慎重使用,除非配合补差价、运费的商品链接一起)。商品分类管理未在千牛后台中找到入口。从链接进行访问: https://siteadmin.tao
2022-05-22 21:29:03
1583
原创 淘宝开店指南——店铺设置篇
目录店铺基本设置店铺装修手机店铺装修PC 店铺装修保证金管理客服(子账号)管理创建子账号修改子账号权限店铺基本设置通过千牛主账号工作台左侧点击【店铺】->选择【店铺信息进入】。设置链接:点击访问可设置内容:个性店铺域名基本信息后期的达人认证、经营许可等店铺装修手机店铺装修通过千牛主账号工作台左侧点击【店铺】->选择【手机店铺装修】。设置链接:点击访问可以直接将左侧容器和模块拖拽至店铺中相应合适的位置(模块为收费)在右侧店铺模块上单击进行配置样式选择除了官方
2022-05-22 20:50:37
721
转载 一个简单的跨平台开源 NFT Art Generator
目录IntroductionDownloadsUsage Quick StartConceptsLayerRarity FolderItemImage creation processRequirementsFolder StructureExample Folder StructureLayer NamesItem NamesImage DimensionsFAQ'sFor DevelopersIntroductionRequirementsGetting StartedCreating a build.
2022-05-20 16:13:28
791
A Brave Female Image- Interpretation of Hester in Scarlet Letter
2023-01-04
Authing + Wechaty 落地实际产品应用 PPT 演示稿
2022-07-29
元宇宙发地 Solidity 合约、SDK 及测试
2022-05-17
NFT 入门级项目-简单的道具批量生成完整项目源码
2022-04-29
wp-authing-0.0.3.zip
2022-03-25
Authing Remix SDK 示例项目,全栈框架应用快速集成单点登录 SSO
2022-01-30
Authing Next.js SDK 示例项目,全栈框架应用快速集成单点登录 SSO
2022-01-30
NFT 盲盒生成-批量图片生成、压缩、重命名示例
2022-01-25
Sidecar-12Monterey.scpt
2021-12-24
Sidecar-11BigSur.scpt
2021-12-24
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人