微信小程序–智能接口
通过微信小程序开发调用百度人工智能接口,从而实现很多有趣的功能。
文章目录
- 微信小程序--智能接口
- 前言
- 一、百度智能云的认识
- 1-1 注册
- 1-2 页面说明
- 1-3 功能初识
- 1-4 api 接口
- 二、百度智能接口的创建
- 2-1 创建接口
- 2-2 api 接口的疏导--图像识别为例
- 2-2-1 百度自己的案例
- 2-2-2 接口简介
- 2-2-2 请求接口
- 2-2-4 Access Token
- 三:微信小程序案例开发
- 3-1 微信小程序-相机
- 3-2 通过百度接口 来分析 图片
- 3-2-2 获取 百度 token
- 四:页面渲染--微信小程序搜索-‘识图小新’(看看效果)
- 总结
前言
百度智能云是百度公司提供的公有云平台,于2015年正式开放运营。
百度智能云提供了很多的免费的人工智能接口,我们可以通过微信小程序调用百度接口实现很多功能,比方:人脸识别,文字识别,自然语言处理。
提示:以下是本篇文章正文内容,下面案例可供参考
一、百度智能云的认识
百度智能门户(AIPage)是百度智能云面向中小企业用户推出的一款智能化构建网站和小程序的SAAS应用产品。用户无需任何编程基础即可上手操作,如同做PPT一样拖拽式设计制作自己的网站和小程序,内置海量行业模版及组件,轻松打造“PC网站、手机网站、百度智能小程序、微信小程序、支付宝小程序”五个端的站点。产品支持电商及预约功能,可广泛适用各类行业用户的实际应用场景。强势集成多项百度搜索权益及AI智能获客能力,帮助企业精准把握每一条商机信息,高效提升推广和转化效果!
1-1 注册
百度智能云连接
注意:有百度网盘,用手机打开百度网盘扫码登录,没有的话就自己按照步骤注册,过程很简单。
1-2 页面说明
说明:登录成果后就会出现基本信息:账户id,姓名等信息。
1-3 功能初识
打开管理中台
1-4 api 接口
二、百度智能接口的创建
2-1 创建接口
2-1-1 点击创建新应用
输入自己的应用名称,其他先别管呢,写下自己的应用描述,然后直接创建。
2-1-2 应用名称
创建好了后,点击应用名称
这个时候留意留意: API KEY ,SECRET KEY ,接下来的微信小程序 会用到。
2-2 api 接口的疏导–图像识别为例
点击—查看文档选项
2-2-1 百度自己的案例
健身房APP结合菜品识别开发案例
连锁健身品牌技术部门负责人马主管,负责开发健身房的APP。由于健身和减脂塑形讲究“三分练,七分吃”,该吃什么、吃多少是非常重要的,越来越多的会员通过APP中的饮食板块来指导每天的饮食。但目前饮食版块需要用户手动输入食物名称来计算卡路里,用户体验很差,有时候会员们并不能准确的输入食物名称,造成他们无法追踪每天从饮食中摄入的卡路里。
于是马主管准备在APP中增加一个功能,用户随手拍摄食物照片,一键上传即可识别图片中菜品名称,从而获取菜品类别、营养成份及参考卡路里含量等信息,根据识别结果进一步提供饮食推荐、健康管理方案。当他着手做这件事时因缺少相关技术,使得项目进度缓慢。通过对市面上多家厂商能力的比较,马主管选择了百度图像识别中的菜品识别产品,实现了50000种以上菜品的识别,准确率在90%以上;且随着百度AI菜品数据库的持续更新,识别率不断提升,极大的降低了APP的开发成本,也为用户提供了便捷的操作方式及良好的用户体验。
2-2-2 接口简介
文档主要针对API开发者,描述百度图像识别接口服务的相关技术内容
接口名称| 接口能力简要描述|
图像单主体检测| 识别图像中的主体具体坐标位置。|
图像多主体检测(邀测)| 检测出图片中多个主体,并给出位置、标签和置信得分。|
通用物体和场景识别高级版| 识别图片中的场景及物体标签,支持10w+标签类型。|
菜品识别| 检测用户上传的菜品图片,返回具体的菜名、卡路里、置信度信息。|
自定义菜品识别
|
入库自定义的单菜品图,实现上传多菜品图的精准识别,返回具体的菜名、位置、置信度信息
|
logo商标识别
|
识别图片中包含的商品LOGO信息,返回LOGO品牌名称、在图片中的位置、置信度。
|
动物识别
|
检测用户上传的动物图片,返回动物名称、置信度信息。
|
植物识别
|
检测用户上传的植物图片,返回植物名称、置信度信息。
|
果蔬食材识别
|
检测用户上传的果蔬类图片,返回果蔬名称、置信度信息。
|
地标识别
|
检测用户上传的地标图片,返回地标名称。
|
红酒识别
|
识别图像中的红酒标签,返回红酒名称、国家、产区、酒庄、类型、糖分、葡萄品种、酒品描述等信息。
|
货币识别
|
识别图像中的货币类型,返回货币名称、代码、面值、年份信息,可识别百余种国内外常见货币。
|
2-2-2 请求接口
2-2-2 调用方发
请求URL数据格式
向API服务地址使用POST发送请求,必须在URL中带上参数:
access_token: 必须参数,参考“Access Token获取”。
注意:access_token的有效期为30天,需要每30天进行定期更换;
https://aip.baidubce.com/rest/2.0/image-classify/v2/dish?access_token=24.f9ba9c5241b67688bb4adbed8bc91dec.2592000.1485570332.282335-8574074
2-2-4 Access Token
#mermaid-svg-JnPW8esiN0yHRpWb .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#mermaid-svg-JnPW8esiN0yHRpWb .label text{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .node rect,#mermaid-svg-JnPW8esiN0yHRpWb .node circle,#mermaid-svg-JnPW8esiN0yHRpWb .node ellipse,#mermaid-svg-JnPW8esiN0yHRpWb .node polygon,#mermaid-svg-JnPW8esiN0yHRpWb .node path{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-JnPW8esiN0yHRpWb .node .label{text-align:center;fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .node.clickable{cursor:pointer}#mermaid-svg-JnPW8esiN0yHRpWb .arrowheadPath{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .edgePath .path{stroke:#333;stroke-width:1.5px}#mermaid-svg-JnPW8esiN0yHRpWb .flowchart-link{stroke:#333;fill:none}#mermaid-svg-JnPW8esiN0yHRpWb .edgeLabel{background-color:#e8e8e8;text-align:center}#mermaid-svg-JnPW8esiN0yHRpWb .edgeLabel rect{opacity:0.9}#mermaid-svg-JnPW8esiN0yHRpWb .edgeLabel span{color:#333}#mermaid-svg-JnPW8esiN0yHRpWb .cluster rect{fill:#ffffde;stroke:#aa3;stroke-width:1px}#mermaid-svg-JnPW8esiN0yHRpWb .cluster text{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:12px;background:#ffffde;border:1px solid #aa3;border-radius:2px;pointer-events:none;z-index:100}#mermaid-svg-JnPW8esiN0yHRpWb .actor{stroke:#ccf;fill:#ECECFF}#mermaid-svg-JnPW8esiN0yHRpWb text.actor>tspan{fill:#000;stroke:none}#mermaid-svg-JnPW8esiN0yHRpWb .actor-line{stroke:grey}#mermaid-svg-JnPW8esiN0yHRpWb .messageLine0{stroke-width:1.5;stroke-dasharray:none;stroke:#333}#mermaid-svg-JnPW8esiN0yHRpWb .messageLine1{stroke-width:1.5;stroke-dasharray:2, 2;stroke:#333}#mermaid-svg-JnPW8esiN0yHRpWb #arrowhead path{fill:#333;stroke:#333}#mermaid-svg-JnPW8esiN0yHRpWb .sequenceNumber{fill:#fff}#mermaid-svg-JnPW8esiN0yHRpWb #sequencenumber{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb #crosshead path{fill:#333;stroke:#333}#mermaid-svg-JnPW8esiN0yHRpWb .messageText{fill:#333;stroke:#333}#mermaid-svg-JnPW8esiN0yHRpWb .labelBox{stroke:#ccf;fill:#ECECFF}#mermaid-svg-JnPW8esiN0yHRpWb .labelText,#mermaid-svg-JnPW8esiN0yHRpWb .labelText>tspan{fill:#000;stroke:none}#mermaid-svg-JnPW8esiN0yHRpWb .loopText,#mermaid-svg-JnPW8esiN0yHRpWb .loopText>tspan{fill:#000;stroke:none}#mermaid-svg-JnPW8esiN0yHRpWb .loopLine{stroke-width:2px;stroke-dasharray:2, 2;stroke:#ccf;fill:#ccf}#mermaid-svg-JnPW8esiN0yHRpWb .note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-JnPW8esiN0yHRpWb .noteText,#mermaid-svg-JnPW8esiN0yHRpWb .noteText>tspan{fill:#000;stroke:none}#mermaid-svg-JnPW8esiN0yHRpWb .activation0{fill:#f4f4f4;stroke:#666}#mermaid-svg-JnPW8esiN0yHRpWb .activation1{fill:#f4f4f4;stroke:#666}#mermaid-svg-JnPW8esiN0yHRpWb .activation2{fill:#f4f4f4;stroke:#666}#mermaid-svg-JnPW8esiN0yHRpWb .mermaid-main-font{font-family:"trebuchet ms", verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .section{stroke:none;opacity:0.2}#mermaid-svg-JnPW8esiN0yHRpWb .section0{fill:rgba(102,102,255,0.49)}#mermaid-svg-JnPW8esiN0yHRpWb .section2{fill:#fff400}#mermaid-svg-JnPW8esiN0yHRpWb .section1,#mermaid-svg-JnPW8esiN0yHRpWb .section3{fill:#fff;opacity:0.2}#mermaid-svg-JnPW8esiN0yHRpWb .sectionTitle0{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .sectionTitle1{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .sectionTitle2{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .sectionTitle3{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .sectionTitle{text-anchor:start;font-size:11px;text-height:14px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .grid .tick{stroke:#d3d3d3;opacity:0.8;shape-rendering:crispEdges}#mermaid-svg-JnPW8esiN0yHRpWb .grid .tick text{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .grid path{stroke-width:0}#mermaid-svg-JnPW8esiN0yHRpWb .today{fill:none;stroke:red;stroke-width:2px}#mermaid-svg-JnPW8esiN0yHRpWb .task{stroke-width:2}#mermaid-svg-JnPW8esiN0yHRpWb .taskText{text-anchor:middle;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .taskText:not([font-size]){font-size:11px}#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutsideRight{fill:#000;text-anchor:start;font-size:11px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutsideLeft{fill:#000;text-anchor:end;font-size:11px}#mermaid-svg-JnPW8esiN0yHRpWb .task.clickable{cursor:pointer}#mermaid-svg-JnPW8esiN0yHRpWb .taskText.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutsideLeft.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutsideRight.clickable{cursor:pointer;fill:#003163 !important;font-weight:bold}#mermaid-svg-JnPW8esiN0yHRpWb .taskText0,#mermaid-svg-JnPW8esiN0yHRpWb .taskText1,#mermaid-svg-JnPW8esiN0yHRpWb .taskText2,#mermaid-svg-JnPW8esiN0yHRpWb .taskText3{fill:#fff}#mermaid-svg-JnPW8esiN0yHRpWb .task0,#mermaid-svg-JnPW8esiN0yHRpWb .task1,#mermaid-svg-JnPW8esiN0yHRpWb .task2,#mermaid-svg-JnPW8esiN0yHRpWb .task3{fill:#8a90dd;stroke:#534fbc}#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutside0,#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutside2{fill:#000}#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutside1,#mermaid-svg-JnPW8esiN0yHRpWb .taskTextOutside3{fill:#000}#mermaid-svg-JnPW8esiN0yHRpWb .active0,#mermaid-svg-JnPW8esiN0yHRpWb .active1,#mermaid-svg-JnPW8esiN0yHRpWb .active2,#mermaid-svg-JnPW8esiN0yHRpWb .active3{fill:#bfc7ff;stroke:#534fbc}#mermaid-svg-JnPW8esiN0yHRpWb .activeText0,#mermaid-svg-JnPW8esiN0yHRpWb .activeText1,#mermaid-svg-JnPW8esiN0yHRpWb .activeText2,#mermaid-svg-JnPW8esiN0yHRpWb .activeText3{fill:#000 !important}#mermaid-svg-JnPW8esiN0yHRpWb .done0,#mermaid-svg-JnPW8esiN0yHRpWb .done1,#mermaid-svg-JnPW8esiN0yHRpWb .done2,#mermaid-svg-JnPW8esiN0yHRpWb .done3{stroke:grey;fill:#d3d3d3;stroke-width:2}#mermaid-svg-JnPW8esiN0yHRpWb .doneText0,#mermaid-svg-JnPW8esiN0yHRpWb .doneText1,#mermaid-svg-JnPW8esiN0yHRpWb .doneText2,#mermaid-svg-JnPW8esiN0yHRpWb .doneText3{fill:#000 !important}#mermaid-svg-JnPW8esiN0yHRpWb .crit0,#mermaid-svg-JnPW8esiN0yHRpWb .crit1,#mermaid-svg-JnPW8esiN0yHRpWb .crit2,#mermaid-svg-JnPW8esiN0yHRpWb .crit3{stroke:#f88;fill:red;stroke-width:2}#mermaid-svg-JnPW8esiN0yHRpWb .activeCrit0,#mermaid-svg-JnPW8esiN0yHRpWb .activeCrit1,#mermaid-svg-JnPW8esiN0yHRpWb .activeCrit2,#mermaid-svg-JnPW8esiN0yHRpWb .activeCrit3{stroke:#f88;fill:#bfc7ff;stroke-width:2}#mermaid-svg-JnPW8esiN0yHRpWb .doneCrit0,#mermaid-svg-JnPW8esiN0yHRpWb .doneCrit1,#mermaid-svg-JnPW8esiN0yHRpWb .doneCrit2,#mermaid-svg-JnPW8esiN0yHRpWb .doneCrit3{stroke:#f88;fill:#d3d3d3;stroke-width:2;cursor:pointer;shape-rendering:crispEdges}#mermaid-svg-JnPW8esiN0yHRpWb .milestone{transform:rotate(45deg) scale(0.8, 0.8)}#mermaid-svg-JnPW8esiN0yHRpWb .milestoneText{font-style:italic}#mermaid-svg-JnPW8esiN0yHRpWb .doneCritText0,#mermaid-svg-JnPW8esiN0yHRpWb .doneCritText1,#mermaid-svg-JnPW8esiN0yHRpWb .doneCritText2,#mermaid-svg-JnPW8esiN0yHRpWb .doneCritText3{fill:#000 !important}#mermaid-svg-JnPW8esiN0yHRpWb .activeCritText0,#mermaid-svg-JnPW8esiN0yHRpWb .activeCritText1,#mermaid-svg-JnPW8esiN0yHRpWb .activeCritText2,#mermaid-svg-JnPW8esiN0yHRpWb .activeCritText3{fill:#000 !important}#mermaid-svg-JnPW8esiN0yHRpWb .titleText{text-anchor:middle;font-size:18px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb g.classGroup text{fill:#9370db;stroke:none;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);font-size:10px}#mermaid-svg-JnPW8esiN0yHRpWb g.classGroup text .title{font-weight:bolder}#mermaid-svg-JnPW8esiN0yHRpWb g.clickable{cursor:pointer}#mermaid-svg-JnPW8esiN0yHRpWb g.classGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-JnPW8esiN0yHRpWb g.classGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb .classLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.5}#mermaid-svg-JnPW8esiN0yHRpWb .classLabel .label{fill:#9370db;font-size:10px}#mermaid-svg-JnPW8esiN0yHRpWb .relation{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-JnPW8esiN0yHRpWb .dashed-line{stroke-dasharray:3}#mermaid-svg-JnPW8esiN0yHRpWb #compositionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #compositionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #aggregationStart{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #aggregationEnd{fill:#ECECFF;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #dependencyStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #dependencyEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #extensionStart{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb #extensionEnd{fill:#9370db;stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb .commit-id,#mermaid-svg-JnPW8esiN0yHRpWb .commit-msg,#mermaid-svg-JnPW8esiN0yHRpWb .branch-label{fill:lightgrey;color:lightgrey;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .pieTitleText{text-anchor:middle;font-size:25px;fill:#000;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .slice{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb g.stateGroup text{fill:#9370db;stroke:none;font-size:10px;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb g.stateGroup text{fill:#9370db;fill:#333;stroke:none;font-size:10px}#mermaid-svg-JnPW8esiN0yHRpWb g.statediagram-cluster .cluster-label text{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb g.stateGroup .state-title{font-weight:bolder;fill:#000}#mermaid-svg-JnPW8esiN0yHRpWb g.stateGroup rect{fill:#ECECFF;stroke:#9370db}#mermaid-svg-JnPW8esiN0yHRpWb g.stateGroup line{stroke:#9370db;stroke-width:1}#mermaid-svg-JnPW8esiN0yHRpWb .transition{stroke:#9370db;stroke-width:1;fill:none}#mermaid-svg-JnPW8esiN0yHRpWb .stateGroup .composit{fill:white;border-bottom:1px}#mermaid-svg-JnPW8esiN0yHRpWb .stateGroup .alt-composit{fill:#e0e0e0;border-bottom:1px}#mermaid-svg-JnPW8esiN0yHRpWb .state-note{stroke:#aa3;fill:#fff5ad}#mermaid-svg-JnPW8esiN0yHRpWb .state-note text{fill:black;stroke:none;font-size:10px}#mermaid-svg-JnPW8esiN0yHRpWb .stateLabel .box{stroke:none;stroke-width:0;fill:#ECECFF;opacity:0.7}#mermaid-svg-JnPW8esiN0yHRpWb .edgeLabel text{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .stateLabel text{fill:#000;font-size:10px;font-weight:bold;font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family)}#mermaid-svg-JnPW8esiN0yHRpWb .node circle.state-start{fill:black;stroke:black}#mermaid-svg-JnPW8esiN0yHRpWb .node circle.state-end{fill:black;stroke:white;stroke-width:1.5}#mermaid-svg-JnPW8esiN0yHRpWb #statediagram-barbEnd{fill:#9370db}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-cluster rect{fill:#ECECFF;stroke:#9370db;stroke-width:1px}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-cluster rect.outer{rx:5px;ry:5px}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-state .divider{stroke:#9370db}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-state .title-state{rx:5px;ry:5px}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-cluster.statediagram-cluster .inner{fill:white}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-cluster.statediagram-cluster-alt .inner{fill:#e0e0e0}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-cluster .inner{rx:0;ry:0}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-state rect.basic{rx:5px;ry:5px}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-state rect.divider{stroke-dasharray:10,10;fill:#efefef}#mermaid-svg-JnPW8esiN0yHRpWb .note-edge{stroke-dasharray:5}#mermaid-svg-JnPW8esiN0yHRpWb .statediagram-note rect{fill:#fff5ad;stroke:#aa3;stroke-width:1px;rx:0;ry:0}:root{--mermaid-font-family: '"trebuchet ms", verdana, arial';--mermaid-font-family: "Comic Sans MS", "Comic Sans", cursive}#mermaid-svg-JnPW8esiN0yHRpWb .error-icon{fill:#522}#mermaid-svg-JnPW8esiN0yHRpWb .error-text{fill:#522;stroke:#522}#mermaid-svg-JnPW8esiN0yHRpWb .edge-thickness-normal{stroke-width:2px}#mermaid-svg-JnPW8esiN0yHRpWb .edge-thickness-thick{stroke-width:3.5px}#mermaid-svg-JnPW8esiN0yHRpWb .edge-pattern-solid{stroke-dasharray:0}#mermaid-svg-JnPW8esiN0yHRpWb .edge-pattern-dashed{stroke-dasharray:3}#mermaid-svg-JnPW8esiN0yHRpWb .edge-pattern-dotted{stroke-dasharray:2}#mermaid-svg-JnPW8esiN0yHRpWb .marker{fill:#333}#mermaid-svg-JnPW8esiN0yHRpWb .marker.cross{stroke:#333}:root { --mermaid-font-family: "trebuchet ms", verdana, arial;}#mermaid-svg-JnPW8esiN0yHRpWb {color: rgba(0, 0, 0, 0.75);font: ;}
请求URL数据格式
https://aip.baidubce.com/oauth/2.0/token
grant_type 必须参数固定为client_credentials
client_id 必须参数应用的API KeY
client_secret 必须参数 应用的Secret Key
请求URL数据格式
向授权服务地址https://aip.baidubce.com/oauth/2.0/token发送请求(推荐使用POST),并在URL中带上以下参数:
grant_type: 必须参数,固定为client_credentials;
client_id: 必须参数,应用的API Key;
client_secret: 必须参数,应用的Secret Key;
三:微信小程序案例开发
说明:微信小程序的基本认识请看我上篇文章,这里就直接开发了
创建你需要的页面。
3-1 微信小程序-相机
微信官方文档
3-1-1 camera
属性 类型 默认值 必填 说明 最低版本
<camera style="width: 100%; height: {{wh}}px" device-position="{{position}}" device-position camara 的前后摄像头
// wh 动态获取 手机高度
wx:if="{{src===''}}">
//三张小图标 绑定含函数 <cover-view class="btns-box"> <cover-image src="/assets/images/icon/chode.png" bindtap="ChosePho" ></cover-image>//从本地选择文件,
<cover-image src="/assets/images/icon/camera.png" bindtap="takephone"></cover-image>
//拍照
<cover-image src="/assets/images/icon/reverse.png" bindtap="reverse" ></cover-image>
//摄像头的切换</cover-view>
</camera>
page({data: {wh:0,position:'back',src:'',
}/*** 生命周期函数--监听页面加载*/onLoad: function (options) {const syinfo = wx.getSystemInfoSync()// console.log(syinfo)this.setData({wh:syinfo.screenHeight
//getSystemInfoSync 函数获取 手机屏幕的高度})},})
// 切换摄像头reverse(){this.setData({position:this.data.position==='back'?'front':'back'//三元表达式 当 position = back 是true 的时候 执行 position= front 否则 :back
})takephone(){// 上下文const ctx = wx.createCameraContext()// 调用createCameraContext的对象ctx.takePhoto({quality: 'high', //相片质量//成果后的回调函数success: (res) =>{//查看返回结果 : res// console.log(res)this.setData({// res.tempImagePath 就是拍照后的图片,将他保存在data中 srcsrc:res.tempImagePath },()=>{this.getFaceInfo()})}})},从本地中选择图片ChosePho(){// chooseImagewx.chooseImage({count: 1,// 原图sizeType:['original'],// 图片尺寸:原图sourceType:['album'],// 选择图片的来源:['album', 'camera']success:(res)=>{// console.log(res)// 三个=,判断值 还判断类型if(res.errMsg==='chooseImage:ok' && res.tempFilePaths.length!==0){this.setData({src:res.tempFilePaths[0]}, ()=>{this.getFaceInfo()} )}}})},
说明:
属性
|
类型
|
说明
|
最低版本
|
brand
|
string
|
设备品牌
|
1.5.0
|
model
|
string
|
设备型号
|
|
pixelRatio
|
number
|
设备像素比
|
|
screenWidth
|
number
|
屏幕宽度,单位px
|
1.1.0
|
screenHeight
|
number
|
屏幕高度,单位px
|
1.1.0
|
windowWidth
|
number
|
可使用窗口宽度,单位px
|
|
windowHeight
|
number
|
可使用窗口高度,单位px
|
|
statusBarHeight
|
number
|
状态栏的高度,单位px
|
1.9.0
|
language
|
string
|
微信设置的语言
|
|
version
|
|
string
|
微信版本号
|
system
|
string
|
操作系统及版本
|
|
platform
|
string
|
客户端平台
|
|
fontSizeSetting
|
number
|
用户字体大小(单位px)。以微信客户端「我-设置-通用-字体大小」中的设置为准
|
1.5.0
|
SDKVersion string
|
客户端基础库版本
|
|
1.1.0
|
benchmarkLevel
|
number
|
设备性能等级(仅 Android)。取值为:-2 或 0(该设备无法运行小游戏),-1(性能未知),>=1(设备性能值,该值越高,设备性能越好,目前最高不到50)
|
1.8.0
|
albumAuthorized
|
boolean
|
允许微信使用相册的开关(仅 iOS 有效)
|
2.6.0
|
cameraAuthorized
|
boolean
|
允许微信使用摄像头的开关
|
2.6.0
|
locationAuthorized
|
boolean
|
允许微信使用定位的开关
|
2.6.0
|
microphoneAuthorized
|
boolean
|
允许微信使用麦克风的开关
|
2.6.0
|
notificationAuthorized
|
boolean
|
允许微信通知的开关
|
2.6.0
|
notificationAlertAuthorized
|
boolean
|
允许微信通知带有提醒的开关(仅 iOS 有效)
|
2.6.0
|
notificationBadgeAuthorized
|
boolean
|
允许微信通知带有标记的开关(仅 iOS 有效)
|
2.6.0
|
notificationSoundAuthorized
|
boolean
|
允许微信通知带有声音的开关(仅 iOS 有效)
|
2.6.0
|
bluetoothEnabled
|
boolean 蓝牙的系统开关
|
2.6.0
|
|
locationEnabled
|
boolean
|
地理位置的系统开关
|
2.6.0
|
wifiEnabled
|
boolean
|
Wi-Fi 的系统开关
|
2.6.0
|
safeArea
|
Object
|
在竖屏正方向下的安全区域
|
2.7.0
|
locationReducedAccuracy
|
boolean
|
true 表示模糊定位,false 表示精确定位,仅 iOS 支持
|
|
theme
|
string
|
系统当前主题,取值为light或dark,全局配置"darkmode":true时才能获取,否则为 undefined (不支持小游戏)
|
2.11.0
|
3-2 通过百度接口 来分析 图片
3-2-1 --logo识别为例子
3-2-2 获取 百度 token
注意:不懂的化=话 回头看看 上面的内容
data: {wh:0,position:'back',src:'',plain:true,token:'',faceInfo:{}},getFaceInfo(){// 1token// 2参数// 3发请求 获取数据wx.request({method:'POST',url: 'https://aip.baidubce.com/oauth/2.0/token?grant_type=文档对应内容&client_id=API Key&client_secret=Secret Key',//之前自己api接口的那串字符//成果回调函数success:(res)=>{// console.log('token',res)this.setData({//Access Token我们就获取了。token:res.data.access_token}, ()=>{2: 马上执行参数函数this.processParams()})}})},//参数处理过程processParams(){创立对象:paramsconst params={image:''//我们需要携带的参数,把本地图片的格式转换为64编码,才能识别}//文件管理器:处理文件const fileManager = wx.getFileSystemManager()fileManager.readFile({//图片路径filePath :this.data.src,// 以什么格式读取文件encoding:'base64',成果回调函数success:(res)=>{// console.log("11",res)params.image=res.data//讲转换好的base64图片给 params.image// console.log("21", params)执行:百度智能接口的调用。this.testFace(params)}})},
// 发送给、请求获取数据testFace(params){加载提示wx.showLoading({title: '正在测试...',})//request请求wx.request({method:'POST', //post请求url: 'https://aip.baidubce.com/rest/2.0/image-classify/v2/logo?access_token='+this.data.token,//字符串拼接 this.data.token 获取的token// 请求头header: {'Content-Type': 'application/x-www-form-urlencoded'},// 请求体data:params,//上面获取的参数//成果回调函数success:(res)=>{// console.log(22,res)//判断一下下呢:如果 request:ok 获取的结果 不为空就执行
if(res.errMsg === 'request:ok' && res.data.result !== null){// console.log(22,res.data.result)//看看百度接口给我们返会的this.setData({//数组赋值logoInfo:res.data.result})}},complete: () => {wx.hideLoading()}}) },
百度logo为例:
四:页面渲染–微信小程序搜索-‘识图小新’(看看效果)
关于页面渲染的问题就应该很简单的,讲数组 logoInfo{
内容。。。。。。。。
}
通过wx:for 循环 渲染在页面中就可以了
<view class="logo" wx:for="{{logoInfo}}"wx:key="index" ><text>可能性:{{item.probability}}</text><text>商标:{{item.name}}</text>
</view>
总结
提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,讲了一些百度人工智能接口说明和一些基本的使用,还有微信小程序提供的api接口,函数的使用。
希望大家开开心心的学习,加油.
百度人工智能API的调用_微信小程序。相关推荐
- 微信小程序使用百度api获取天气信息 —— 微信小程序教程系列(16)
之前已经介绍过,如何使用百度地图api来获取地理位置信息 微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
- asscee答疑_微信小程序——图片识别
我的微信小程序 期末大作业--基于百度大脑API的图片识别小程序 具体实现了动物识别.植物识别.车辆识别 三个功能 实验源码已经放到了我的GitHub,欢迎测试修改 (项目地址:https://git ...
- 黑马优购_微信小程序
黑马优购_微信小程序项目 介绍 2021年5月6日-2021年5月12日在校参加微信小程序培训,由黑马讲师授课,能够利用微信提供的组件和API实现轮播图.授权用户信息.上拉加载更多等功能,由于之前对u ...
- 小程序分享到朋友圈功能_微信小程序开放分享到朋友圈功能
2020年7月7日(据说是6日深夜),一个很特别的日子,微信低调地放开了一个功能:微信小程序"分享到到朋友圈",这个看似微小的变化,对微信小程序来说意义重大. 用fenng大的话说 ...
- 微信小程序销毁某一注册函数_微信小程序 生命周期函数详解
微信小程序 生命周期函数 小程序中 判断当前首页是从其他页面返回,还是由入口打开 由于小程序的数据在我们退出小程序时并没有得到释放,因此再次点击开来数据依然没有变成初始化 解决方法:在小程序 data ...
- 微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-翟东平-专题视频课程...
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-2445人已学习 课程介绍 微信小程序系统教程[初级阶段],微信小程序0基础学起,讲解微信小程序开发的基础知识. 微信小 ...
- 视频教程-微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统-微信开发
微信小程序系统教程Java版[3/3阶段]_微信小程序电商系统 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
- 视频教程-微信小程序系统教程python版[3/3阶段]_微信小程序支付-手游开发
微信小程序系统教程python版[3/3阶段]_微信小程序支付 微信企业号星级会员.10多年软件从业经历,国家级软件项目负责人,主要从事软件研发.软件企业员工技能培训.已经取得计算机技术与软件资格考试 ...
- 追书神器的api接口写的微信小程序
@这是我基于追书神器的api接口写的微信小程序 这是我小程序的二维码
最新文章
- OpenCV的projectPoints函数用法
- Lua中的metatable
- 中科大 计算机网络9 互联网历史
- LeetCode 2055. 蜡烛之间的盘子(前缀和)
- C++算法五:二分查找(折半)查找
- html特殊字符p如何屏蔽 asp,利用asp去除html标记的四种方法
- WIN2K8R2安装MySQL5.7及Tomcat8.5
- C语言中fp=fopen NULL,c – “FILE * fp,* fopen();”是什么?
- JDK自带的int值的sun.text.IntHashtable
- 移植JDK,确实需要CPU指令级的工作
- 城市大脑标准体系与评价指标总体框架
- TI C6000 TMS320C6678 DSP+ Zynq-7045的PS + PL异构多核案例开发手册(4)
- Oracle统一访问代理层方案
- SIFT特征匹配算法介绍——寻找图像特征点的原理
- sed 替换字符串以变量形式
- window10/11拨号连接宽带连接开热点
- 四川翌加:抖音小店的发货时间是多长
- TalkingData游戏统计IOS工程 出现TDGAOnEvent 报错的问题
- 自动驾驶轨迹预测论文阅读(二)TPNet: Trajectory Proposal Network for Motion Prediction
- 将图片压缩至指定大小Kb(Thumbnailator)
热门文章
- Android-x86虚拟机
- python的range函数
- 在拉勾网投了百度简历,大厂很难进?开发三年后端实习生拿到offer(含面经及答案)
- c# string类型基本用法
- CSS之id和class区别以及字体加粗样式
- web网页设计期末课程大作业:旅游网页主题网站设计——中国风的温泉酒店预订网(13页)HTML+CSS+JavaScript
- 苹果5s变砖_苹果砖的故事以及可以改进的地方
- maskrcnn_benchmark 代码详解之 roi_box_feature_extractors.py
- dojo.mixin、dojo.extend、dojo.declare
- 神武3哪个服务器比较稳定,今天为大家列举神武4电脑版三个2020年的新服