Tài liệu phát triển

Giới thiệu

ExtensionPay là một khung phát triển tiện ích mở rộng trình duyệt được thiết kế dành cho Trí tuệ Nhân tạo (AI). Nó cho phép bạn xây dựng các ứng dụng mở rộng đơn chức năng, thuần túy về mặt chức năng, đây là khả năng hiện tại của AI. Tuy nhiên, việc xây dựng các hệ thống phức tạp, hoàn thiện và mạnh mẽ bằng AI khó có thể đạt được trong thời gian ngắn. Do đó, chúng tôi đã phát triển hệ thống kiến trúc này để tối đa hóa khả năng hiện có của AI. Khi bạn phát triển một ứng dụng thuần túy về mặt chức năng bằng AI, các tính năng đăng nhập và thanh toán có thể được thêm tự động chỉ với một cú nhấp chuột, và 55 ngôn ngữ có thể được dịch tự động chỉ với một cú nhấp chuột. Người dùng đăng ký độc quyền cũng được hưởng chức năng tải ứng dụng tự động chỉ với một cú nhấp chuột, giúp rút ngắn đáng kể quy trình và thời gian phát triển, loại bỏ nhu cầu xây dựng các dịch vụ phụ trợ. Khung này chủ yếu phục vụ những người không thể viết mã nhưng có thể phát triển chương trình bằng AI, hỗ trợ họ kiếm tiền từ các chương trình được thiết kế bằng ngôn ngữ tự nhiên.
本框架主要服务人群是哪些不会写代码，但可以使用Ai开发出程序的人群，协助他们通过自然语言设计出的程序可以盈利

Từ khóa chung

Nhấp chuột để tải xuống thông báo

Môi trường cài đặt

1. Cài đặt Google Chrome

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

2. Bật phần mở rộng tệp của Windows

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

3. Cài đặt 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. Các trang web tải xuống biểu tượng

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

7. Các URL AI phổ biến

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

8. Các phím tắt thông dụng

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

10. Công cụ chụp ảnh màn hình

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

Hướng dẫn tải lên

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

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

Ví dụ về tập tin kê khai tiêu chuẩn

1、manifest.json

Đây là một ví dụ về tệp kê khai tiêu chuẩn của tiện ích mở rộng Google, có thể được sử dụng làm tài liệu tham khảo.

tham số	minh họa
`version_name`	Nếu giá trị là [1.8 npy], trang đăng nhập và thanh toán sẽ không được hiển thị. Tuy nhiên, bạn có thể bắt đầu đăng nhập và thanh toán thông qua phương thức thanh toán tùy chỉnh. "npy" có nghĩa là "NoPay", tức là vô hiệu hóa chức năng thanh toán. Nếu bạn là người mới bắt đầu và chưa hiểu rõ, bạn có thể chọn không làm gì và sử dụng giá trị mặc định.
`homepage_url`	Nếu giá trị bao gồm `uninstall_url`, người dùng sẽ được chuyển hướng đến liên kết này sau khi gỡ cài đặt; ngược lại, nó sẽ sử dụng hàm `homepage_url` mặc định như được định nghĩa trong tài liệu chính thức của Google.
`author`	`author=appid` là trường bắt buộc. Mỗi tiện ích mở rộng phải có một `appid` duy nhất, chủ yếu được sử dụng để xác định tiện ích mở rộng đó thuộc về tiện ích mở rộng nào. Định dạng tên `appid` là: [Tên tác giả_Tên tiện ích mở rộng_Ba chữ số]. `appid` chỉ hỗ trợ chữ cái viết thường và số, và phải được phân biệt bằng dấu gạch dưới ở trên.
`__MSG_app_name__`	Tên này là giá trị mặc định của hệ thống và không thể tùy chỉnh.
`__MSG_app_short_name__`	Tên này là giá trị mặc định của hệ thống và không thể tùy chỉnh.
`__MSG_app_description__`	Tên này là giá trị mặc định của hệ thống và không thể tùy chỉnh.

{
    "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

Đây là một ví dụ mẫu về tập tin đa ngôn ngữ tiêu chuẩn của tiện ích mở rộng Google. Định dạng bên dưới có thể được dịch tự động và có thể được sử dụng làm tài liệu tham khảo.

tham số	minh họa
`app_name`	Tên app_name là giá trị mặc định cố định do hệ thống thiết lập và không thể tùy chỉnh.
`app_short_name`	Tên app_short_name là giá trị mặc định cố định do hệ thống thiết lập và không thể tùy chỉnh.
`app_description`	Tên `app_description` là giá trị mặc định cố định do hệ thống thiết lập và không thể tùy chỉnh.

{
    "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"
            }
        }
    }
}

Thanh toán tùy chỉnh_Web

自定义支付是高级玩法，如果你是初级玩家请忽略！通过浏览器扩展content.js注入到网页之中，在被注入网页中拉起支付示例： Nhấp vào đây để tải xuống mã nguồn demo.
正常情况下当用户点击Web中扩展注入的按钮，可以直接使用功能：

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

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

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

Cửa sổ bật lên thanh toán tùy chỉnh

自定义支付是高级玩法，如果你是初级玩家请忽略！通过浏览器扩展popup页面中，通过js拉起支付示例： Nhấp vào đây để tải xuống mã nguồn demo.
正常情况下当用户点击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`});
        }
    });
});