订阅数：120
文章数：20
专栏类型：买断制
Chrome插件全栈开发实战
小报童专栏: Chrome插件全栈开发实战
真实出海项目的实战教学课，讲解Chrome插件和Next.js端的全栈开发，教你最佳的出海技术栈组合，帮助你半个月内成为全栈出海工程师。 定价为源码+教程的价格（加v领8折券：bigye_chengpu） 专栏主要知识： - Plasmo开发Chrome插件 - Next.js全栈开发Web端与服务端 - AI对话功能开发 - Firebase授权和数据库应用 - Paddle支付功能集成 专栏配套全套源码，源码分支和专栏章节同步，帮助你渐进式学习； 所有核心功能做到模块化开发，潜移默化传授你程序设计理念。
查看专栏详情查看专栏详情
附加章节2：PH Copilot的插件提交信息
第一次发布插件的时候，很多人可能会因为需要填写的信息太多而没有头绪，所以我把 PH Copilot 第一个版本填写的所有信息整理了出来，供大家参考，特别是权限的部分，如果你的插件里权限用途差不多......
附加章节1：安全的加密策略
在第 16 章，设计会员功能的时候，为了把重点放在订阅功能的设计上面，我们使用最方便的 AES 加密方案对用户的 aiKeys 进行加密。因为把密钥放在 Chrome 插件代码里实际上有被逆向找......
第17章：发布产品
发布 Chrome 插件
每一次打包前，都需要更新一下插件版本号，在 package.json 文件的 version 字段配置：
使用 plasmo 开发的插件，可以使......
第16章：集成Paddle订阅，设计会员权限
上一章一次性付款的流程跑通后，很多支付功能的开发问题你就会有比较好的理解了。本章我们接着开发订阅功能。
因为 PH Copilot 已经有一次性付款购买 credits 的功能了，后......
第15章：集成Paddle一次性支付，用户可购买 Credits
支付功能会设计服务端 api key，不适合在插件端实现，所以支付功能我们只在 Next.js 端开发，插件端只提供购买按钮跳转到定价卡片位置。
产品定价方案多种多样，PH Copi......
第14章：Paddle后台功能介绍
Paddle后台左侧菜单功能介绍如下：
Overview：账户数据总揽
Transactions：交易订单，默认展示完成交易的订单，可以选择查询其它状态的订单
第13章：Paddle申请流程介绍
海外支付平台认可度最高的是 Stripe，但是申请门槛比较高，一般需要海外公司的主体去注册。其次是 LemonSqueezy 和 Paddle，LemonSqueezy 最近对中国大陆的用户有明......
第12章：服务端集成 AI 对话功能并和插件端通信
开始开发服务端集成 AI 对话功能前，还是先做好功能设计。这个功能点看起来只是调用第三方 AI，实际落地起来有很多细节需要处理。
我们的需求有这些：
prompt 要支持......
第11章：content 集成AI对话功能生成产品总结和评论
content 是在页面注入的内容，所以第一步还是来看看我们要注入到哪个位置，以及它的原始标签内容：
注入的最佳位置就是在原始的评论框的范围内，这样对用户来说最容易理解......
第10章：sidepanel 集成AI对话功能生成产品总结和评论
集成 AI 对话功能看似只需要调用 SDK，实际上整个流程要更加复杂。
首先考虑的是 AI 平台的 key 不能丢失，那就要把对话功能放在服务端，但是 Chrome 插件的代码都不属......