Documentation de développement

Introduction

ExtensionPay est un framework de développement d'extensions de navigateur conçu pour l'IA. Il permet de créer des applications d'extension monofonctionnelles et purement fonctionnelles, une capacité actuellement à la portée de l'IA. Cependant, la création de systèmes complexes, robustes et matures grâce à l'IA ne sera probablement pas possible à court terme. C'est pourquoi nous avons développé cette architecture afin d'optimiser les capacités existantes de l'IA. Lors du développement d'une application purement fonctionnelle utilisant l'IA, les fonctionnalités de connexion et de paiement peuvent être ajoutées automatiquement en un clic, et la traduction en 55 langues est également automatique. Les abonnés exclusifs bénéficient en outre d'une fonctionnalité de mise en ligne automatique de l'application en un clic, ce qui raccourcit considérablement le processus et le temps de développement, et élimine le besoin de créer des services backend. Ce framework s'adresse principalement aux personnes qui ne maîtrisent pas le code mais qui peuvent développer des programmes utilisant l'IA, en les aidant à monétiser leurs applications conçues en langage naturel.
本框架主要服务人群是哪些不会写代码，但可以使用Ai开发出程序的人群，协助他们通过自然语言设计出的程序可以盈利

Mots clés généraux

Cliquez pour télécharger l'invite

Environnement d'installation

1. Installez Google Chrome

中国版：https://www.google.cn/intl/zh-CN/chrome
国际版：https://www.google.com/chrome

2. Activer les extensions de fichiers Windows

文件夹 -> 查看 -> 勾选这俩：1.✓[文件扩展名] -> 2.✓[隐藏的项目]

3. Installez Notepad++

全球下载链接：http://notepad-plus-plus.org/downloads/v8.8.5/
中国下载链接：https://pan.baidu.com/s/1VnjDZAVh5xrMz6KJE9Z1Og?pwd=q83q
安装成功后，新建几个后缀的文件：txt、js、css、json
右键 -> 打开方式 -> [选择其他应用] -> 并勾选[始终使用此应用打开] -> 更多应用 -> 在这台电脑上查找其他应用 -> Notepad++ -> Notepad++.exe

6. Sites Web pour télécharger des icônes

中国版：https://www.iconfont.cn
国际版：https://www.flaticon.com

7. URL courantes d'IA

deepseek.com
yuanbao.tencent.com
chatgpt.com
claude.ai
gemini.google.com

8. Raccourcis clavier courants

Ctrl+C 复制
Ctrl+V 粘贴
Ctrl+F 搜索
Ctrl+A 全选

10. Outil de capture d'écran

中国下载链接：https://pan.baidu.com/s/1rHUvbnfBHPEOuldKKfxi0A?pwd=p76p
国际下载链接：https://drive.google.com/file/d/1b8Ono9pnM8P0p1ossQmueEUDKP4D-3ar

Tutoriel de téléchargement

上架网址：https://chrome.google.com/webstore/devconsole

1、确保Gmail邮箱是通过你【长期】使用可接收短信验证码的手机号注册绑定的
2、gmail安全设置中的所有设置都绑定：myaccount.google.com/security
以上配置好了之后，下方链接打开谷歌扩展开发者后台，注册并支付5美金，如果您没有可付款的银行账户可以在您所在国家的电商平台或者Google搜索代付、代充值、Visa、Mastercard之类的关键词，找到代付完成付款。
3、注册开发者账户之后选择[非交易者]，点击[账户] -> 绑定[联系电子邮件地址] 绑定完成后到网页底部勾选开启所有通知并点击[保持更改]

Exemple de fichier manifeste standard

1、manifest.json

Il s'agit d'un exemple de fichier manifeste d'extension Google standard pouvant servir de référence.

paramètre	illustrer
`version_name`	Si la valeur est [1,8 npy], la connexion et le paiement ne seront pas affichés. Cependant, vous pourrez vous connecter et effectuer un paiement via un système de paiement personnalisé. « npy » signifie « NoPay », ce qui désactive le paiement. Si vous débutez et que vous ne comprenez pas, vous pouvez laisser la valeur par défaut.
`homepage_url`	Si la valeur inclut `uninstall_url`, l'utilisateur sera redirigé vers ce lien après la désinstallation ; sinon, la fonction par défaut `homepage_url` est utilisée, comme défini dans la documentation officielle de Google.
`author`	Le champ `author=appid` est obligatoire. Chaque extension doit posséder un `appid` unique, servant principalement à identifier l'extension à laquelle elle appartient. Le format du nom `appid` est le suivant : [Nom de l'auteur_Nom de l'extension_Trois chiffres]. `appid` n'accepte que les lettres minuscules et les chiffres, et doit être précédé des tirets bas.
`__MSG_app_name__`	Ce nom est une valeur par défaut du système et ne peut pas être personnalisé.
`__MSG_app_short_name__`	Ce nom est une valeur par défaut du système et ne peut pas être personnalisé.
`__MSG_app_description__`	Ce nom est une valeur par défaut du système et ne peut pas être personnalisé.

{
    "manifest_version":3,
    "name":"__MSG_app_name__",
    "short_name": "__MSG_app_short_name__",
    "description":"__MSG_app_description__",
    "version":"1.8",
    "version_name": "1.8",
    "permissions":["tabs","storage"],
    "icons":{
        "16":"icons/icon16.png",
        "48":"icons/icon48.png",
        "128":"icons/icon128.png"
    },
    "action":{
        "default_icon":{
            "16":"icons/icon16.png",
            "48":"icons/icon48.png",
            "128":"icons/icon128.png"
        },
        "default_popup":"popup/popup.html"
    },
    "background":{
        "service_worker":"background.js"
    },
    "content_scripts":[{
        "matches":["*://*.test.com/*","*://*.test.de/*","*://*.test.co.jp/*","*://de.test.com/*","*://jp.test.com/*"],
        "js":["content.js"]
    }],
    "host_permissions":["*://*.test.com/*","*://*.test.de/*","*://*.test.co.jp/*","*://de.test.com/*","*://jp.test.com/*"],
    "default_locale":"zh_CN",
    "update_url":"https://clients2.google.com/service/update2/crx",
    "homepage_url": "https://docs.google.com/forms/d/e/xxxxx&uninstall_url",
    "author":"xiaoqian_amazon_001"
}

2、_locales\zh_CN\messages.json

Voici un exemple de fichier multilingue standard pour l'extension Google. La mise en forme ci-dessous peut être traduite automatiquement et servir de référence.

paramètre	illustrer
`app_name`	Le nom app_name est une valeur par défaut fixe définie par le système et ne peut pas être personnalisé.
`app_short_name`	Le nom app_short_name est une valeur par défaut fixe définie par le système et ne peut pas être personnalisé.
`app_description`	Le nom `app_description` est une valeur par défaut fixe définie par le système et ne peut pas être personnalisé.

{
    "app_name": {
        "message": "扩展名"
    },
    "app_short_name": {
        "message": "扩展简称"
    },
    "app_description": {
        "message": "扩展介绍"
    },
    "leng_1": {
        "message": "界面文本1"
    },
    "leng_2": {
        "message": "界面文本2"
    },
    "leng_3": {
        "message": "总共 $ 个"
    },
    "leng_4": {
        "message": "当前第 $i$ 个",
        "placeholders": {
            "i": {
                "content": "$1"
            }
        }
    },
    "test_1": {
        "message": "测试 $ass$ 第二",
        "placeholders": {
            "ass": {
                "content": "$1"
            }
        }
    },
    "test_2": {
        "message": "$option$换行开始\\n 换行\\n结束",
        "placeholders": {
            "option": {
                "content": "$1"
            }
        }
    },
    "test_3": {
        "message": "版权所有© $year$ 保留所有权利。 ",
        "placeholders": {
            "year": {
                "content": "$1",
                "example": "1984"
            }
        }
    },
    "test_4": {
        "message": "当前 $ 第几 $ 个"
    },
    "test_5": {
        "message": "$1 / $2"
    },
    "test_6": {
        "message": "测试 $ass$ 尾 $bbb$ 多 $ccc$ 组",
        "placeholders": {
            "ass": {
                "content": "$1"
            },
            "bbb": {
                "content": "$2"
            },
            "ccc": {
                "content": "$3"
            }
        }
    }
}

Paiement personnalisé_Web

自定义支付是高级玩法，如果你是初级玩家请忽略！通过浏览器扩展content.js注入到网页之中，在被注入网页中拉起支付示例： Cliquez ici pour télécharger le code source de la démo.
正常情况下当用户点击Web中扩展注入的按钮，可以直接使用功能：

button.addEventListener("click", () => {//网页上注入的按钮被点击
    pay_ok();
});

当我们加入Web拉起支付，就像下方代码一样写

button.addEventListener("click", async() => {//网页上注入的按钮被点击
    if (await pay_is()) {// ✅ 判断是会员则
        pay_ok();
    }else{//不是会员则
        chrome.runtime.sendMessage({ action: "OpenPopupPay" });//拉起支付
    }
});

Paiement personnalisé_Popup

自定义支付是高级玩法，如果你是初级玩家请忽略！通过浏览器扩展popup页面中，通过js拉起支付示例： Cliquez ici pour télécharger le code source de la démo.
正常情况下当用户点击Popup中的按钮，可以直接使用功能：

document.getElementById('btn').addEventListener('click', async () => {
    const [tab] = await chrome.tabs.query({active: true, currentWindow: true});
    chrome.tabs.sendMessage(tab.id, {action: 'getImages'}, async (images) => {
        let limit = images.length;
        for (let i = 0; i < limit; i++) {
            chrome.downloads.download({url: images[i], filename: `image_${i+1}.jpg`});
        }
    });
});

当我们加入Popup拉起支付，就像下方代码一样写，其中showVipDialog()方法是用户使用Ai生成的弹窗页面，该页面用于弹窗用户当前并非会员是否充值会员，下方有两个按钮：1[充值会员] -> 2[继续使用免费功能]

document.getElementById('btn').addEventListener('click', async () => {
    const [tab] = await chrome.tabs.query({active: true, currentWindow: true});
    chrome.tabs.sendMessage(tab.id, {action: 'getImages'}, async (images) => {
        let limit = images.length;
        
        //*********************************************************
        if (!await pay_is()) {//判断不是会员，则
            const choice = await showVipDialog();
            if (choice === '用户点击了升级会员按钮'){
                chrome.runtime.sendMessage({ action: "OpenPopupPay" });//拉起支付
                return; // 拉起支付，不下载
            }
            limit = 5;//不是会员就将数组数量设置为5，意思是免费下载5次，之后的收费
        }
        //***************************************************************************
        
        for (let i = 0; i < limit; i++) {
            chrome.downloads.download({url: images[i], filename: `image_${i+1}.jpg`});
        }
    });
});