利用百度大腦，快速搭建一個(gè)紅酒識別的小程序

接口文檔 https://ai.baidu.com/docs#/ImageClassify-API/71e05fb6

如何創(chuàng)建應(yīng)用。獲取accesstoken 記得一定要看文檔的接入指南哦。官方已經(jīng)給了圖文教程。小帥這里就不再重復(fù)說明了。

創(chuàng)建自己的百度智能小程序

官網(wǎng)鏈接 https://smartprogram.baidu.com/developer/index.html

小程序名稱信息填寫

名稱需要審核哦最好不要重名、選擇一個(gè)自己小程序的LOGO、簡介、服務(wù)范圍(一定要選擇正確哦)、標(biāo)簽就自己找針對性的關(guān)鍵詞添加即可

　　查看自己的小程序

設(shè)置-開發(fā)設(shè)置 記錄自己的小程序id appkey、appsecret等相關(guān)重要信息備用

繼續(xù)往下。找到服務(wù)器域名 并配置百度ai接口域名 和 圖片轉(zhuǎn)base64的域名

https://www.ydxiaoshuai.cn

https://aip.baidubce.com

開發(fā)工具創(chuàng)建小程序

填寫自己小程序的appid、名稱、項(xiàng)目目錄后點(diǎn)擊完成即可

開始編寫小程序代碼

圖片轉(zhuǎn)base64 百度智能小程序暫無直接可用組件或api。

小帥為了方便大家。就封裝了一個(gè)在線的http的接口供大家使用。

接口說明地址 https://www.kancloud.cn/ydxiaoshuai/image2base64/1170322

先來寫接口工具類等其他方法

baiduai.js

編寫頁面樣式及相關(guān)代碼

頁面index.swan

頁面需要一個(gè)上傳圖片的按鈕 和圖片回顯的區(qū)域 還有接口識別返回的數(shù)據(jù)顯示的區(qū)域

樣式index.css

給一些稍微友好 好看的ui樣式

編寫頁面處理代碼

需要上傳圖片到小帥的圖片轉(zhuǎn)base64接口。

返回base64數(shù)據(jù)。再給接口進(jìn)行識別。

返回?cái)?shù)據(jù)進(jìn)行頁面渲染。步驟不是很多哦

準(zhǔn)備圖片進(jìn)行功能測試

紅酒圖

小程序演示圖:

上傳代碼進(jìn)行發(fā)布

上傳代碼

提交審核

開發(fā)管理-開發(fā)版本 提交審核 也可以選為體驗(yàn)版 供部分人員優(yōu)先體驗(yàn)

　　測試賬號 如果沒有 填寫 無 即可 對自己版本的描述 自己編寫即可 提交審核即可

本次分享完成。

生成海報(bào)

免責(zé)聲明：本網(wǎng)站內(nèi)容主要來自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請進(jìn)一步核實(shí)，并對任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁或鏈接內(nèi)容可能涉嫌侵犯其知識產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。