[转]微信小程序开发:从小白开发出通过自拍预测年龄和颜值的小程序
先看下效果:
1、打开微信小程序官方文档
https://developers.weixin.qq.com/miniprogram/dev/index.html
我们会看到让我们申请账号,这里先不着急申请,因为我们每个人都可以用测试号。
向下滑动看到,开发者工具的下载链接,点击下载并且安装
2、安装后打开,并点击小程序项目
3.进入后看到此页面,点击+,新建一个
4.选择新建项目的目录和测试号的AppID,我这里遮盖一下AppID
如果AppID出不来怎么办?没关系。操作以下三步就可以:
扫码后就看到以下内容了,AppID就在这里。
5.点击“确定“按钮,就可以开始第一个小程序了。请将左侧红框里的内容阅读完毕
6.那开始做项目了,右侧代码区添加到第一行,默认才会访问test,此时会自动出现test目录。
7.我们先把摄像头打开代码找到
复制到代码区记得保存
8.摄像头效果出来了,工具中的模拟器可以看到效果,还能“预览”-用手机扫二维码。
9.接下来我们将把拍照生成的图片发给百度人工只能api,百度会把图像识别后的结果(颜值,年龄等)返回给我们。
10.因为有个格式要求我们先准备图片相应的格式,打开API,文件操作,进行格式处理
通过手册以上信息,可以得出结果wx.getFileSystemManager().readFile({ })这样来用
,另外有3个重要参数filePath,encoding,success。
代码结果如下,点击拍照按钮,出现base64格式的结果:
11.格式处理完毕后,开始向百度发起请求了,先看文档,第三步滑到底就看到示例代码了
修改.js文件如下
12.此时开始需要百度了 https://console.bce.baidu.com/#/index/overview ,我们申请百度人工智能api,先注册然后进入人脸识别
点击创建应用
13.但是要想访问还得经过微信的同意,打开 https://developers.weixin.qq.com/sandbox。添加百度为合法地址,要不微信闹脾气,不让你访问百度。
此时重启下微信开发工具才行,否则开发工具还是会说地址不合法
14.开始访问百度了先看文档 http://ai.baidu.com/docs#/Auth/top 来获取access_token,打开文档如下:
根据文档代码修改如下,已经获得了access_token:
15.打开 https://ai.baidu.com/docs#/Face-Detect-V3/top ,文档接口v3版本,最好别用v2了,我们开始用刚获得的access_token,来把图片发给百度,要不百度闹脾气不接收。
文档中写明了url和data具体参数了,这里多了个POST请求而已
修改.js文件:
修改.wxml文件
16、手机微信测试效果如下:
Ps:这里是开的后摄像头,前摄像头只需要将back改为front
原文:https://blog.csdn.net/Zph1234/article/details/84072488
转载于:https://www.cnblogs.com/life_lt/p/10910297.html
[转]微信小程序开发:从小白开发出通过自拍预测年龄和颜值的小程序相关推荐
- 小白开发微信小程序20--web api文档制作
1.什么是Swagger Swagger 项目已于 2015 年捐赠给 OpenAPI 计划,自此它被称为 OpenAPI. 这两个名称可互换使用. 不过,"OpenAPI"指的是 ...
- 小白开发微信小程序21--网络API(asp.net core版)
1.什么是网络API 在一个网站里面发起https请求是很常见的,但是,由于微信小程序是腾讯内部的产品,不能直接打开一个外部的链接,例如,您在微信小程序里面无法直接打开网站,但是,在做小程序开发的时候 ...
- 【大白话学习】UniApp 微信小程序与APP应用 开发零基础入门教程(一)---基础页面框架搭建
写在前面话: 随着互联网的快速发展,微信小程序应用的快速便捷,不用下载安装等的优势越来越明显,于是,我就开始着手于小程序开发的学习,虽然微信提供了开发工具,但它只能生成小程序 ,不能生成APP,那么有 ...
- 从0到一开发微信小程序(2)——开发第一个小程序
文章目录 其他相关文章 1.创建项目 2.小程序代码目录介绍 2.1.描述整体的app.* 2.2.描述各自页面的pages下面的目录 其他相关文章 从0到一开发微信小程序(1)--申请账号并安装开发 ...
- 小程序开发工具中黑马优购小程序tabs组件_还觉得小程序开发很难?这几款小程序开发工具小白都能用哦!...
玩过H5,微海报,直播之后-紧跟时代潮流的品牌公关狗们总是会在第一时间去研究时下最in的营销工具.而自从微信小程序公测之后,很多小伙伴也是中毒不浅,但是在技术开发的问题上,却不知道该如何下手.作为不会 ...
- 小程序开发工具_还觉得小程序开发很难?这几款小程序开发工具小白都能用哦!...
玩过H5,微海报,直播之后-紧跟时代潮流的品牌公关狗们总是会在第一时间去研究时下最in的营销工具.而自从微信小程序公测之后,很多小伙伴也是中毒不浅,但是在技术开发的问题上,却不知道该如何下手.作为不会 ...
- 微信小程序开发系列一:微信小程序的申请和开发环境的搭建
我最近也刚刚开始微信小程序的开发,想把我自学的一些心得写出来分享给大家. 这是第一篇,从零开始学习微信小程序开发.主要是小程序的注册和开发环境的搭建. 首先我们要在下列网址申请一个属于自己的微信小程序 ...
- 微信小程序购物商城系统开发系列-工具篇
微信小程序购物商城系统开发系列-工具篇 微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它 估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操 ...
- 微信小程序家庭记账本开发进度二
第三步是在开发设置李找到你的AppID,然后复制下来 第四步是是完成小程序开发者绑定.开发信息配置后,首先下载开发者工具.参考开发文档进行小程序的开发和调试. 前往 开发者工具下载页面 ,根据自己的操 ...
最新文章
- vsftpd设置虚拟用户
- Mysql For Windows安装图解
- 【问链-EOS公开课】第十二课 EOS整体代码结构
- 【Nginx】应用静态化配置
- yelee博客的busuanzi访客统计失效问题解决
- 单片机并口应用实验c语言,1单片机并口简单应用(流水灯).docx
- 基于局域网网络编程实现开发板显示相册以及视频和音乐
- Win10系统 IE11浏览器调用F12开发人员工具,打开后底部显示空白
- html flag属性,html5 的flag是什么意思?
- protobuf网络传输协议的优缺点
- 神经网络故障预测模型,神经网络故障预测方法
- 35岁以上的Android开发,都去了哪儿?,Android开发面试宝典
- 2022-11-30:小红拿到了一个仅由r、e、d组成的字符串 她定义一个字符e为“好e“ : 当且仅当这个e字符和r、d相邻 例如“reeder“只有一个“好e“,前两个e都不是“好e“,只有第三个
- 案例分析 陆金所_平安陆金所--金融跨界,一“陆”有礼
- 软件测试 白盒测试 语句覆盖 判定覆盖
- 2018年上海交通大学数学建模竞赛暑期夏令营讲课课件(完整版)
- ROS的故事(张新宇版,有适当删减)
- gmp计算机软件系统分类原则,新版GMP对自动化设备、计算机系统软件的验证要求...
- PCB线路板阻焊油墨脱落的原因
- python基于PHP的游戏论坛交流系统
热门文章
- 华为畅享20plus和荣耀x10区别的区别 哪个好
- uni-app - 检查机型是否为刘海屏(如iPhone X)
- 营销建议 | 通兑吧3月营销月历来啦,建议收藏套用!
- 利用Java实现键盘上输入体重和身高计算BMI是否超标
- 假设成年人的体重和身高存在此种关系: 身高(厘米)-100=标准体重(千克) 如果一个人的体重与其标准体重的差值在正负5%之间,显示“体重正常”,其他则显示“体重超标”。编写程序,能处理用户输入的
- 信息学奥赛一本通 1383:刻录光盘(cdrom) | 洛谷 P2835 刻录光盘
- C语言的数组与子函数
- 图片怎么去水印?图片去水印超好用的几个方法,去的快速又干净
- w7系统路由器虚拟服务器怎么设置方法,怎么安装路由器,教您安装路由器的方法...
- 基于51单片机智能小车(超声波+舵机)