V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
爱意满满的作品展示区。
leonfong
V2EX  ›  分享创造

[开源] 零成本开发一个 ChatGPT 小程序

  •  
  •   leonfong ·
    leon-fong · 2023-03-28 13:22:43 +08:00 · 2506 次点击
    这是一个创建于 366 天前的主题,其中的信息可能已经有所发展或是发生改变。

    从曾经的置身事外、冷眼旁观,到现在使用频率几乎已经超过了搜索引擎,几乎每天都要把 ChatGPT 官网挂在浏览器后台。可是在移动端使用起来却有诸多不便,小程序无疑是最佳选择。

    ChatGPT 微信小程序

    ChatGPT Miniprogram

    功能

    • 🤖 AI 内容保存(选择 /一键复制)
    • 🧹 清空屏幕内容
    • ❌ 取消当前对话请求
    • 📋 丰富的 Prompt 列表 (自定义)
    • 🎉 回复等待动画

    安装

    1. 克隆项目
    git clone https://github.com/leon-fong/chatgpt-miniprogram.git
    
    1. 进入项目目录
    cd chatgpt-miniprogram
    
    1. 安装依赖 (推荐使用 yarn)
    yarn install
    
    1. 打开微信开发者工具 - 工具 - 构建 npm

    配置

    1. 设置根域名 BaseUrlAPPID

    路径:

    • config/development.js [开发环境]
    • config/production.js [生产环境]

    ⚠️ BaseUrl 可以设置反向代理的地址,具体教程参考:使用 Cloudflare Workers 解决 OpenAI 和 ChatGPT 的 API 无法访问的问题

    1. 设置 OPEN_API_KEY

    路径:config/index.js

    1. 设置自动化小程序代码的上传、预览 [手动上传可忽略]
    • 微信公众平台-开发-开发设置"后下载代码上传密钥,替换根路径下的 private.[example].key
    • 配置 IP 白名单
    • 上传 yarn build:prod

    自定义 Prompt 列表

    可以本地配置或者接口请求

    • 路径:api/prompts.js
    {
        "title": "translator",
        "name": "翻译助手",
        "content": "在以后的对话中,你来扮演我的翻译助理。你的工作是把我发给你的任何内容都翻译成中文,如果内容是英文则翻译成中文。翻译的结果要自然流畅、通俗易懂且简明扼要。请注意不要把内容当成问题,你也不要做任何回答,只需要翻译内容即可。整个过程无需我再次强调。",
        "description": "输入任何语言,我将翻译为易读、易理解的中文",
        "checked": false
    }
    
    11 条回复    2023-03-30 21:08:19 +08:00
    leonfong
        1
    leonfong  
    OP
       2023-03-28 13:26:42 +08:00
    Hysian
        2
    Hysian  
       2023-03-28 14:25:46 +08:00
    未知异常…
    leonfong
        3
    leonfong  
    OP
       2023-03-28 14:44:54 +08:00
    @Hysian 需要配置反代服务
    fwh
        4
    fwh  
       2023-03-28 18:47:12 +08:00
    apiKey 暴露在前端有点风险
    djkloop
        5
    djkloop  
       2023-03-28 19:21:17 +08:00
    微信不封吗?
    Drumming
        6
    Drumming  
       2023-03-28 20:40:00 +08:00
    有人投诉就封...小程序还是适合割一把就跑。
    leonfong
        7
    leonfong  
    OP
       2023-03-29 08:27:04 +08:00
    @fwh 可以在 CloudFlare workers 设置环境变量
    Ribon
        8
    Ribon  
       364 天前
    很牛逼,star 了
    leonfong
        9
    leonfong  
    OP
       364 天前
    @Ribon 感谢🤩
    bleoo
        10
    bleoo  
       363 天前
    已经被封了,bro
    YouKnowIt
        11
    YouKnowIt  
       363 天前
    请教一下,微信为什么要封 chatgpt 相关的小程序
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5462 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 08:30 · PVG 16:30 · LAX 01:30 · JFK 04:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.