1宪赶、ESP32-cam開發(fā)環(huán)境配置
本例程 是利用arduino IDE開發(fā),關(guān)于arduino IDE 的esp32環(huán)境配置可參考:環(huán)境配置: 點(diǎn)擊跳轉(zhuǎn)
安裝好esp32 環(huán)境栋艳,開發(fā)板選擇esp32 wrover module開發(fā)板,其他默認(rèn)即可。
2 砌们、程序下載
示例程序下載:點(diǎn)擊下載
需要修改的信息有WIF名稱贩虾,WIFI密碼催烘,用戶私鑰UID,設(shè)備主題topic缎罢。
/*********************需要修改的地方**********************/
const char* ssid = "newhtc"; //WIFI名稱
const char* password = "qq123456"; //WIFI密碼
int capture_interval = 20*1000; // 默認(rèn)20秒上傳一次伊群,可更改(本項目是自動上傳,如需條件觸發(fā)上傳策精,在需要上傳的時候舰始,調(diào)用take_send_photo()即可)
const char* post_url = "http://images.bemfa.com/upload/v1/upimages.php"; // 默認(rèn)上傳地址
const char* uid = "4d9ec352e0376f2110a0c601a2857225"; //用戶私鑰,巴法云控制臺獲取
const char* topic = "mypicture"; //主題名字咽袜,可在控制臺 圖云 處新建
/********************************************************/
用戶私鑰可以巴法云控制臺 點(diǎn)擊跳轉(zhuǎn) 獲取丸卷,注冊登陸即可在巴法云控制臺獲取。https://cloud.bemfa.com/tcp/images.html
關(guān)于主題topic:主題可在控制臺圖云處創(chuàng)建询刹, 點(diǎn)擊跳轉(zhuǎn) 新建谜嫉,字母+數(shù)字自定義組合即可。
連線
注意:下載的時候 ESP32-cam的io0要接GND凹联,下載結(jié)束后沐兰,必須斷開io0和GND的連接。
在arduino IDE 點(diǎn)擊燒錄上傳匕垫,然后需要按一下esp32-cam的reset按鍵僧鲁,程序才會下載。下載完成后,斷開io0的連線寞秃,再按一下reset按鍵斟叼,就退出下載模式了,即可正常使用春寿。注意:由于部分電腦USB電壓不穩(wěn)朗涩,會導(dǎo)致esp32反復(fù)重啟,可使用充電寶等供電绑改。
如果WIFI信息正常谢床,esp32就會自動連接wifi,并進(jìn)行拍照上傳厘线,默認(rèn)20秒上傳一次识腿,可自行修改頻率,或者更改為觸發(fā)條件拍照造壮,需要拍照上傳的時候渡讼,調(diào)用一下take_send_photo()函數(shù)即可,比如
if(引腳==高電平)
{
take_send_photo();
}
3耳璧、 控制臺查看圖片
登陸巴法云控制臺成箫,點(diǎn)擊進(jìn)入圖云,即可查看到已經(jīng)上傳的圖片旨枯,雙擊可查看大圖蹬昌。
第四、微信小程序開發(fā)
在 微信公眾平臺注冊小程序賬號攀隔,拿到小程序 appid皂贩,右側(cè)點(diǎn)擊 -開發(fā)--> 開發(fā)管理-->開發(fā)設(shè)置---->開發(fā)者ID,里面可以看到竞慢,長的大概是這樣:wx34a2063de5cec04b先紫,下面導(dǎo)入項目的時候會用到治泥。
右側(cè)點(diǎn)擊 -開發(fā)--> 開發(fā)管理-->開發(fā)設(shè)置---->服務(wù)器域名筹煮。下方服務(wù)器域名處,點(diǎn)擊修改居夹,在request合法域名處败潦,添加域名https://images.bemfa.com 保存提交即可。如下圖准脂。
下載安裝微信開發(fā)者工具劫扒,可百度下載。
下載demo示例程序狸膏。下載地址: 點(diǎn)擊下載
打開微信開發(fā)者工具沟饥,小程序項目,導(dǎo)入項目。在目錄處選擇剛剛下載解壓的demo示例程序贤旷,AppID處填入你的小程序AppID广料,然后點(diǎn)擊下方導(dǎo)入即可。如下圖幼驶。
本示例程序非常簡單艾杏,各位大神可以繼續(xù)開發(fā)添加各種功能,界面修改盅藻,優(yōu)化色彩等等购桑,如果只是簡單使用,只需修改/pages/index/index.js 文件中uid 和topic 信息為自己的即可氏淑,這里的uid和topic需要和esp32-cam填入的uid和topic相同勃蜘,如下。
data: {
uid:"4d9ec352e0376f2110a0c601a2857225",//用戶密鑰假残,巴法云控制臺獲取
myTopic:"mypicture",//圖片上傳的主題元旬,圖片云控制臺創(chuàng)建
num:5, //獲取的圖片數(shù)量,可隨意
imgList:[], //存儲圖片地址和時間守问,用于前端展示
picArr:[], //存儲圖片的地址匀归,用于圖片點(diǎn)擊預(yù)覽
},
修改完畢后,ctrl+s 保存修改耗帕∧露耍可以點(diǎn)擊左邊屏幕上的按鈕進(jìn)行調(diào)試,如下圖仿便。
console控制臺可以查看小程序的調(diào)試信息体啰。
如果界面和其他功能都開發(fā)完畢∷砸牵可以點(diǎn)擊微信開發(fā)者工具的上面的上傳按鈕荒勇,如下圖。
上傳成功后闻坚,再登陸剛剛注冊的微信公眾平臺沽翔,在版本管理處,可以看到自己剛剛上傳的小程序窿凤,提交審核即可仅偎,等一天左右,一般都會通過雳殊,通過后登陸微信公眾平臺橘沥,提交發(fā)布即可。如果是自己使用的夯秃,做好加上登陸驗證功能座咆,比如驗證匹配一下某個字符串是否正確等等痢艺,不然小程序上線后別人也可以隨意控制了。