zoukankan      html  css  js  c++  java
  • [转]微信小程序开发:从小白开发出通过自拍预测年龄和颜值的小程序

    先看下效果:

            

    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

  • 相关阅读:
    Azure DevOps上使用git push --force遇到的问题
    Redis常用的一些基本命令
    [Vue warn]: Error in v-on handler: "TypeError: this.onConfirm(...).then is not a function"
    政采云:数据可视化探索之SpreadJS 表格控件
    用Java写一个折半查找
    springboot 集成hibernate 多数据源链接
    java 自定义注解
    幻读:听说有人认为我是被MVCC干掉的
    懵了!女朋友突然问我MVCC实现原理
    不会MySQL索引,面试官让回家等通知!
  • 原文地址:https://www.cnblogs.com/life_lt/p/10910297.html
Copyright © 2011-2022 走看看