手册
钱包品牌落地 vs 实际拓展范围 (Vs)
Bare Wallet 应用程序实际上是一个营销 SPA/下载渠道 - 它不是 Chrome MV3 扩展程序。 CRA PWA 清单不应被误认为是扩展架构。
高效的头像和钱包产品界面
部分 2 的 2
特征生成器(PNG/SVG 下载)与 URL 同步的薄荷元数据提要; Bare Wallet 品牌登陆实际上是一个营销 SPA/漏斗——它不是 Chrome MV3 扩展——以及它与实际扩展架构的比较。
下载按钮不是签名引擎
wallet-app 销售带有“主页 + 下载”选项卡(Chrome、Firefox、Opera、Brave、Edge)的“Bare Wallet”品牌。 public/manifest.json 是 Create React App 的默认 PWA 框架(short_name: React App、display: standalone) — 无 manifest_version、后台服务工作者、chrome.runtime 或内容脚本。本案例刻意缩小范围:产品表面是一个漏斗;真正的浏览器钱包是一个独立的架构宇宙。```text
What shipped (Bare Wallet app)
CRA React SPA
Home (brand)
Download tabs (install CTAs)
public/manifest.json ← PWA sample, NOT MV3
What a real extension needs MV3 manifest_version: 3 background service worker contentscripts / injected provider permissioned RPC + keyring popup UI ≠ marketing landing
## 第一次提到的概念```text
📦 Pazarlama SPA
Cüzdanı yüklemeden önce güven ve indirme CTA'sı satan tek sayfa uygulaması.
📦 PWA Manifest
Kurulabilir web uygulaması ipuçları; tarayıcı extension API'si değildir.
📦 MV3 Extension
Manifest V3 ile service worker, izinler ve sayfaya enjekte provider içeren gerçek eklenti.
📦 Kapsam Dürüstlüğü
Repoda neyin olduğu ile pazarlama metninin ne ima ettiğini ayırmak.
```在商店中输入“Install for Chrome”并不意味着存储库中有 `chrome.scripting`。
## 到底是什么?
路线:主页和下载。下载页面显示选项卡式 CTA;有些标签甚至可能会发生变化(例如 Brave 选项卡中的 iOS 文本)——这是漏斗原型的痕迹,而不是扩展质量。没有 Web3 签名、密钥环、链更改。
## PWA ≠ 扩展
CRA 带有 `manifest.json` 图标、`start_url`、`display: standalone`。 Chrome 扩展程序请求 `manifest_version`、`background.service_worker`、`host_permissions`、`content_scripts`。将两者组合在同一张图中会误导读者。```text
ADR: Wallet product surface
Decision: ship brand landing + download funnel only
Non-goal: Chrome MV3 keyring / injected ethereum provider
Why: marketing speed; wallet core is a different product
Risk: users confuse CTA with installed extension
Mitigation: honest copy + separate extension repo when real
```## 真正的扩展架构(对比)
生产钱包:锁定密钥环、确认弹出窗口、`window.ethereum`/提供商注入、网络管理、网络钓鱼警报、更新通道。 Landing SPA 不提供这些;声称您携带它是一项安全义务。
## 和 Generator 一样诚实
上一节保留了特质词汇的开放性。此部分保持产品线开放:Bare Wallet 品牌是漏斗型。这个案例研究并不夸张;如果读者想学习 MV3,他们会被引导到一个单独的架构系列——这个仓库中没有添加任何谎言。
## 本期最令人困惑的对决```text
❌ CRA manifest = Chrome extension
✓ PWA ipuçları ≠ MV3 eklenti sözleşmesi
❌ Download CTA'ları extension'ın var olduğunu kanıtlar
✓ CTA pazarlamadır; runtime API kanıttır
❌ Landing'e 'wallet' yazmak keyring demektir
✓ İsim markadır; kapsam ADR ile sınırlanır
❌ Scope'u şişirerek portföyü büyütmek
✓ Dürüst dar kapsam, güvenilir case study'dir
您自己的系统清单
- 存储库是否包含
manifest_version或chrome.runtime? - 下载按钮是转到真实的商店 URL 还是死的 CTA?
- PWA 清单字段向用户做出哪些承诺?
- 当用户认为“我安装了”时,会产生什么安全误解?
- 实际延期是否有单独的回购/ADR 限额?
本节中需要记住的事情
- Bare Wallet应用程序是一个品牌落地渠道。
- CRA PWA 清单不是 MV3 扩展的证明。 3.诚实的报道比虚报的钱包更有价值。
编写钱包和成为钱包不是同一个承诺。
FAQ
Frequently asked questions
什么是营销 SPA?
单页应用程序销售信任并在加载钱包之前下载 CTA。
什么是 PWA 清单?
可安装的网络应用程序提示;它不是浏览器扩展 API。
“CRA 清单=Chrome 扩展”是否正确?
PWA技巧≠MV3插件协议
本节修复了什么?
本节写了不混淆品牌落地与实际延伸范围的ADR。 wallet-app 销售带有“主页 + 下载”选项卡(Chrome、Firefox、Opera、Brave、Edge)的“Bare Wallet”品牌。 `public/manifest.json` 是 Create React App 的默认 PWA 框架(`short_name: React App`、`display: standalone`) — 无 `manifest_version`、后台服务工作者、`chrome.runtime` 或内容脚本。本案例刻意缩小范围:产品表面是一个漏斗;真正的浏览器钱包是一个独立的架构宇宙。
学到的工程原理
- 产品表面断言必须与存储库中的运行时保持一致。
- PWA 和 MV3 是独立的架构宇宙;图中没有混合。
- 这个案例研究并不夸张;写出界限。
继续阅读
继续阅读
系列中的下一个
特征生成器:生成元数据的 URL 状态
头像/特质生成器选项与 URL 查询参数同步; PNG/SVG 下载成为 mint 元数据和可共享视图的源。
相关文章
Rinkeby 测试网和主网客户端分离
Collection Mint 客户强化到主网,而 Marketplace SPA 锁定 Rinkeby Infura。具有共享 web3/IPFS 实用程序的网络特定配置...
相关文章
类似 OpenSea 的信息架构
Bare Crypto 市场 SPA 建立了一个信息架构,该架构清楚地将 OpenSea 复制为产品参考:主页、市场、查看器、个人资料和铸币表单。