Gpt微信小程序搭建的前后端流程 - 获取小程序的AppId信息和开发工具(一)
这个专栏系列都是以搭建Gpt微信小程序为目的,主要介绍从0开始搭建的流程,从最基础开始一步步去扩展,以及每一步如何实现,边边角角和细节可能就没太注意到位,按流程搭建跑通后的小程序是可以直接部署使用, 常规量级使用基本不会有问题。
前提
- 需要有一个openai账号,这里就不多加如何申请;
- 需要有一个微信小程序,需要用到AppId等信息;
- 后端基于-go-micro微服务框架,可以翻看之前的播客go-micro系列播客
具体的内容分为多个小节,陆续补上
- 获取小程序的AppId信息和开发工具
- 前端小程序部分-基础页面框架的静态设计,确定所需的后端API接口
- 后端基础框架的搭建
- 后端基于go-micro,创建网关服务,创建gpt服务
- 登录授权接口的实现以及前端界面的交互
- gpt每日已使用次数,聊天记录的实现以及前端界面的交互
- openai聊天接口(完整接收)的实现以及前端界面的交互
- openai聊天接口(流模式)的实现以及前端界面的交互
- cron脚本定时执行移除过期聊天记录的实现
- gpt服务统计每个接口的每日请求数的实现
- screen启动部署网关服务和gpt服务的多重视窗
- nginx部署网关端口的代理
- 安全处理-网关接口的限流, nginx的Ip访问限流
获取小程序的AppId信息和开发工具
需要有自己的openai账号,这里默认大家都有了。
获取自己的AppId和AppSecret
登录微信小程序官网,小程序官网,用所要绑定的微信扫码登录
如果提示如图,说明该微信还未注册过公众平台账号,需要先注册绑定,点击现在去注册前往注册。
选择小程序
申请注册小程序账号
注册完成后就重新登录,用微信扫码后在手机端选择刚才注册的小程序,点击登录。
登录进来,选择左侧栏的开发-开发管理,选择开发设置菜单就可以看到自己的AppId,AppSecret出于安全,是不明文显示,需要点重置验证后获取,自己再保存起来使用。
这里获取到的的AppId和AppSecret在之后请求微信Api接口都需要用到,请自行保存。
下载微信开发工具和使用
我们之后开发小程序的前端逻辑和小程序逻辑都是通过使用该开发工具进行开发,使用的技术栈是javascript,wxml和wcss。至于后端则用自己熟系的语言和idle去开发即可,这个系列用的是Go。
下载微信开发工具
打开微信开发工具,第一次要扫码登录,扫码登录进来,新建一个项目。AppId输入上面获取的AppId,选择不使用云服务,选择最基础的hellow world模板,后续再进行页面设计调整就好了。
这一小节主要就是罗列下整个系列流程,以及搭建的第一步,获取AppId等信息,开发工具如何使用。
最后
可以先体验如下的微信小程序,该专栏系列都是参考小柠AI智能聊天来展开,小程序整体的gpt交互直接,界面也容易,对我们上手仿照在实现方面也比较友好。
体验方式:
- 微信小程序直接搜小柠AI智能聊天
- 扫码下图