V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
needpp
V2EX  ›  问与答

想开发一个 chrome 插件,有什么现成脚手架推荐?

  •  
  •   needpp · 2022-12-12 07:54:45 +08:00 · 6984 次点击
    这是一个创建于 909 天前的主题,其中的信息可能已经有所发展或是发生改变。
    1. 主要写后端,平时折腾小工具主要使用 vue2 ,但是不介意学习新的框架或者语言,比如 react 等
    2. 上架到谷歌商店的插件,是否能被反编译,如果组织不了,采用什么方式可以让反编译的成本变大?
    3. 如果要要插件变现的话,是否可以接入支付组件?比如微信,支付宝等,是否会存在什么特殊限制?
    4. 如果无法通过付费的方式获取收益,是否能接入广告?

    谢谢,祝各位老板发财

    17 条回复    2025-04-23 22:35:57 +08:00
    vsitebon
        1
    vsitebon  
       2022-12-12 08:40:54 +08:00   ❤️ 1
    https://github.com/tjx666/awesome-chrome-extension-boilerplate react 的

    其它问题我回答不了,请后边的人回答吧;不过我见过利用插件盈利?的一般是捐赠或者订阅制
    snoopyhai
        2
    snoopyhai  
       2022-12-12 08:45:38 +08:00   ❤️ 1
    https://github.com/NMTuan/base_vite_chrome_extension 我缝合了一个 vue3 的。目前还在功能分支上,不过基本能用了。
    eason1874
        3
    eason1874  
       2022-12-12 08:46:43 +08:00   ❤️ 1
    上传到商店的扩展,略等于开源,加密代码会影响审核通过率
    lzgshsj
        4
    lzgshsj  
       2022-12-12 09:25:03 +08:00   ❤️ 2
    https://github.com/PlasmoHQ/plasmo
    这是我一直在关注的,工程化比较好的 chrome 扩展框架,自称是类比扩展界的 nextjs ,用的是 react
    molvqingtai
        5
    molvqingtai  
       2022-12-12 09:29:34 +08:00 via Android   ❤️ 1
    古早时候写的一个,基于 webpack + vue 的 chorme 插件开发模板,支持以 web-component 方式直接将 vue app 挂载到宿主页面
    https://github.com/molvqingtai/chrome-extension-webpack
    hlwjia
        6
    hlwjia  
       2022-12-12 09:48:57 +08:00   ❤️ 1
    @lzgshsj 哈哈哈 扩展届的 nextjs

    可以可以
    magnetar
        7
    magnetar  
       2022-12-12 15:33:00 +08:00   ❤️ 1
    1.vue 直接编译后放进去就行了,就是要打包后调试功能比较麻烦,github 好像有个针对扩展的 vue 的热更新调试脚手架,
    2.用户能看到源代码,并且 background.js 不能加密,加密过不了审(微软能过审,页面文件编译的不影响)。
    3.就跟网页一样的支付。
    4.可以,但是意义不大,除非你的扩展主要使用场景是扩展自带的页面,如果你朝网页中插入广告没人用你的(除非无可替代,话说都无可替代了直接收费就 ok 了)。
    needpp
        8
    needpp  
    OP
       2022-12-12 15:38:53 +08:00
    @lzgshsj 谢谢老板,来试下扩展界的 nextjs
    ZoeeoZ
        9
    ZoeeoZ  
       2022-12-12 15:45:11 +08:00
    拓展一般都是订阅获益吧, 再有就是捐赠,铺广告直接后果就是没人用了
    Honwhy
        10
    Honwhy  
       2023-12-17 17:26:07 +08:00
    我推荐使用这个,https://crxjs.dev/vite-plugin
    我用它开发了两款浏览器插件,体验还可以,支持热加载、Vue3 、TypeScript 、Vite
    开发 Chrome 插件搭配 @types 配置真的很舒服的。
    btw: https://microsoftedge.microsoft.com/addons/detail/welibrary/mgohlikclghcmgbplhkjjpoecfkhocbo
    Honwhy
        11
    Honwhy  
       56 天前
    @Honwhy 我现在不推荐`crxjs`了,我推荐`wxt`,wxt 体验更好,而且我还比较熟悉他的原理,稍微读过它的源码。
    Ldo
        12
    Ldo  
       52 天前
    @Honwhy #11 老哥,请教一下,如何在线更新插件,内部人员使用不需要上架市场
    Honwhy
        13
    Honwhy  
       52 天前
    @Ldo 这个我正在研究中。有两部分问题要解决

    1 、自行打包的 crx 文件如何安装并启用
    crx 打包生成的插件 id ,要加入到电脑的组策略中。

    2 、怎么建设 crx 托管服务及如何自动更新
    示例文档给个 edge ,chrome 和这个几乎是一样的
    https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/update/auto-update


    不过这些和`wxt`等开发脚手架无关的哈。
    Ldo
        14
    Ldo  
       51 天前
    @Honwhy #13 经过我昨天的研究,我已经放弃在线更新了。 反正就团队中的人用,直接群里发安装包得了
    Honwhy
        15
    Honwhy  
       51 天前
    @Ldo #14 这种方式需要每个人手工卸载旧版安装新版的。 团队小还行。我们集团人比较多,所以继续研究。
    1 、今天通过修改本机注册表的方式解决了 crx 安装的问题
    2 、接下来尝试用集团组策略的方案修改
    。。。
    有机会搞定的,也不算难。
    Ldo
        16
    Ldo  
       47 天前
    @Honwhy #15 我目前粗略的做了一套方案,简单做个版本号,有更新强制提示。点击链接去下载就行了
    Honwhy
        17
    Honwhy  
       46 天前
    @Ldo #16 懂你意思了。 起码可以跑起来的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2578 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 15:19 · PVG 23:19 · LAX 08:19 · JFK 11:19
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.