手册

钱包品牌落地 vs 实际拓展范围 (Vs)

Bare Wallet 应用程序实际上是一个营销 SPA/下载渠道 - 它不是 Chrome MV3 扩展程序。 CRA PWA 清单不应被误认为是扩展架构。

高效的头像和钱包产品界面

部分 2 的 2

特征生成器(PNG/SVG 下载)与 URL 同步的薄荷元数据提要; Bare Wallet 品牌登陆实际上是一个营销 SPA/漏斗——它不是 Chrome MV3 扩展——以及它与实际扩展架构的比较。

Generative avatar and wallet product surface diagram

下载按钮不是签名引擎

wallet-app 销售带有“主页 + 下载”选项卡(Chrome、Firefox、Opera、Brave、Edge)的“Bare Wallet”品牌。 public/manifest.json 是 Create React App 的默认 PWA 框架(short_name: React Appdisplay: 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

您自己的系统清单

  1. 存储库是否包含 manifest_versionchrome.runtime
  2. 下载按钮是转到真实的商店 URL 还是死的 CTA?
  3. PWA 清单字段向用户做出哪些承诺?
  4. 当用户认为“我安装了”时,会产生什么安全误解?
  5. 实际延期是否有单独的回购/ADR 限额?

本节中需要记住的事情

  1. Bare Wallet应用程序是一个品牌落地渠道。
  2. 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 是独立的架构宇宙;图中没有混合。
  • 这个案例研究并不夸张;写出界限。

继续阅读

继续阅读

系列中的下一个

相关文章

相关文章

随笔

类似 OpenSea 的信息架构

Bare Crypto 市场 SPA 建立了一个信息架构,该架构清楚地将 OpenSea 复制为产品参考:主页、市场、查看器、个人资料和铸币表单。

Paylaş