【开发实战】30分钟完成一个AI小程序

前言:作为一个无任何开发背景的产品经理,我通过一周时间摸索出一个最短开发AI小程序的路径。这里把我的小程序源码,还有需要做的每一步工作都进行了记录和分享。相信你可以按照下面的方式,30分钟完成一个体验版小程序的开发和体验。

这只是一个起点,希望以后能够有更多的AI应用场景在小程序中不断涌现。

整个路径分为3步:

  1. 准备工作:下载安装开发工具,下载源码,注册开通腾讯云AI 的I3个接口;
  2. 开发工作(30分钟):注册开通小程序,填入个人小程序信息配置(极简);
  3. 发布小程序:发布小程序需微信客服审核,即使不发布也可使用体验版 。

以上工作完成后,你可以获得属于你自己AI小程序,如下体验:

一、准备工作:

  1. 下载云开发工具并安装,下载地址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html,建议选择稳定版。
  2. 安装nodejs,下载地址:https://nodejs.org/zh-cn/,建议选择长期支持板。
  3. 下载AI小程序的源码文件miniprogram-1.zip,下载地址:https://6661-face-20191227-k0fgj-1301006784.tcb.qcloud.la/index/face%20mini%2BTBP.zip
  4. 解压源代码后得到下图

5. 首次使用必须在腾讯云官网注册生产访问密钥(就是SecretID和SecretKey),并在AI控制台开通3项接口调用权限。

A.这个是访问密钥生成网址:https://console.cloud.tencent.com/cam/capi

B. 这个是人脸识别开通网址:https://console.cloud.tencent.com/aiface/detect-face/stat ,每月赠送1万次免费额度。

C. 这个是通用印刷体识别开通网址:https://console.cloud.tencent.com/ocr/general ,每月赠送1000次免费额度。

D. 这个是公众人物识别开通网址:https://console.cloud.tencent.com/tiia/detectcelebrity ,每月赠送1万次免费额度。

想要一键快速开通上诉所有视觉AI的接口服务,只要去下面活动页面花10元买1个视觉AI通用包就可以了,仅限首购,购买后自动开通所有文字识别、人脸识别、图像分析接口。

https://cloud.tencent.com/act/pro/AIImg

E. 这个是智能对话平台开通网址:https://cloud.tencent.com/product/tbp ,目前是免费内测阶段,因为开通有些操作需要特别提醒的,烦请使用这个功能的同学先参考我另外一篇文章https://cloud.tencent.com/developer/article/1568941

二、开发工作:预估30分钟

1、安装并登陆微信云开发工具,先使用微信扫码登录及注册。

扫码后,点击下图的“+”,选择新建一个小程序

首次使用,必须先注册一个微信小程序的AppID

2、点击上面的注册,会到注册界面,这里注册一个新的微信AppID,网址:

https://mp.weixin.qq.com/wxopen/waregister?action=step1

特别提示:类目一定要选择工具-图片类,否则发布审核会不通过。

3、然后获得小程序的appid,就可以填入到项目的下列信息中了。

比如我新申请的:wx5........3e0d,这里填入微信的小程序appid

4、点击“新建”之后,进入到小程序开发的界面,这里会新生成一个环境,环境名字自己随意填写就好,可以参考我的填入“aitest”

5、第一次使用,记得选中“云开发”按钮,会先去开通云开发功能

每个云开发客户都用一定量的免费配额,基本自己学习测试都够用,如果已经超出这个免费额度,恭喜你,你的小程序已经开始崭露头角了。

备注:获得wxappid和密钥,建议单独保存,因为后续密钥如果忘记不回再展示,必须重置。

6、这里进入到新建小程序的目录,把原来所有的文件都删除,然后用前面解压的文件替代

7、然后把前面第4步解压的文件全部拷贝到这里

8、此时就会看到一个新的小程序界面

特别提醒,这里可能会遇到一个环境问题,如果你看到cloudfunction后面没有一个刚才自定义的环境名称(如下图红框示意),那么你需要点击“项目”-》“关闭当前项目”-》,然后再重新打开一次,就可以刷新到环境信息了。

9、在cloudfunctions下面的三个AI云函数加入鉴权信息,分别在下图的3个index.js文件,修改并填入你的腾讯云账号的SecretID和SecretKey,并按下Ctrl+S保存内容。

第一个版本我最初只提供了人脸检测和属性分析、通用印体识别、公众人物识别3个接口,第二版我再加入了智能对话机器人接口,让这个小程序更有趣味。智能对话也是只需要填入sid和skey。

填入信息以后,分别5次在这5个云函数目录上选择“上传并部署:云端安装依赖(不上传node_modules)”

之后点击上面的云开发,就可以在云函数这里看到刚才上传的5个云函数列表:

10、此时已经可以在你的电脑或者手机体验AI的各项功能,这里用电脑调用为例进行展示。

三、发布小程序:预估1-7个工作日

1、点击云开发工具右上角“上传”,把本地代码上传到小程序管理后台。

2、打开微信小程序版本管理,选择发布,按提示操作即可。每个小程序开发者每年有一次免费的加急发布,正常情况下的审核需要1-7个工作日。审核通过后,即可发布正式版,让所有人看到你的小程序。

关于发布,因为微信小程序有自己的审核标准,所以当遇到不通过的时候,可以跟客服进行沟通。如果把这个作为个人工具看,即使不发布,开发者也可以在体验环境使用,还可以添加少数体验者一起使用。

参考资料:

《小程序开发资源汇总(附带源码)》

本站文章资源均来源自网络,除非特别声明,否则均不代表站方观点,并仅供查阅,不作为任何参考依据!
如有侵权请及时跟我们联系,本站将及时删除!
如遇版权问题,请查看 本站版权声明
THE END
分享
二维码
海报
【开发实战】30分钟完成一个AI小程序
前言:作为一个无任何开发背景的产品经理,我通过一周时间摸索出一个最短开发AI小程序的路径。这里把我的小程序源码,还有需要做的每一步工作都进行了记录和分享。相信你...
<<上一篇
下一篇>>