esp32-cam拍照上傳+微信小程序照片顯示

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 保存提交即可。如下圖准脂。

01.png

下載安裝微信開發(fā)者工具劫扒,可百度下載。

下載demo示例程序狸膏。下載地址: 點(diǎn)擊下載

打開微信開發(fā)者工具沟饥,小程序項目,導(dǎo)入項目。在目錄處選擇剛剛下載解壓的demo示例程序贤旷,AppID處填入你的小程序AppID广料,然后點(diǎn)擊下方導(dǎo)入即可。如下圖幼驶。

03.png

本示例程序非常簡單艾杏,各位大神可以繼續(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)試,如下圖仿便。

04.png

console控制臺可以查看小程序的調(diào)試信息体啰。

如果界面和其他功能都開發(fā)完畢∷砸牵可以點(diǎn)擊微信開發(fā)者工具的上面的上傳按鈕荒勇,如下圖。

在這里插入圖片描述

上傳成功后闻坚,再登陸剛剛注冊的微信公眾平臺沽翔,在版本管理處,可以看到自己剛剛上傳的小程序窿凤,提交審核即可仅偎,等一天左右,一般都會通過雳殊,通過后登陸微信公眾平臺橘沥,提交發(fā)布即可。如果是自己使用的夯秃,做好加上登陸驗證功能座咆,比如驗證匹配一下某個字符串是否正確等等痢艺,不然小程序上線后別人也可以隨意控制了。

在這里插入圖片描述
05.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末介陶,一起剝皮案震驚了整個濱河市腹备,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌斤蔓,老刑警劉巖植酥,帶你破解...
    沈念sama閱讀 217,185評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異弦牡,居然都是意外死亡友驮,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,652評論 3 393
  • 文/潘曉璐 我一進(jìn)店門驾锰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卸留,“玉大人,你說我怎么就攤上這事椭豫〕苌” “怎么了?”我有些...
    開封第一講書人閱讀 163,524評論 0 353
  • 文/不壞的土叔 我叫張陵赏酥,是天一觀的道長喳整。 經(jīng)常有香客問我,道長裸扶,這世上最難降的妖魔是什么框都? 我笑而不...
    開封第一講書人閱讀 58,339評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮呵晨,結(jié)果婚禮上魏保,老公的妹妹穿的比我還像新娘。我一直安慰自己摸屠,他們只是感情好谓罗,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,387評論 6 391
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著季二,像睡著了一般檩咱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上戒傻,一...
    開封第一講書人閱讀 51,287評論 1 301
  • 那天税手,我揣著相機(jī)與錄音蜂筹,去河邊找鬼需纳。 笑死,一個胖子當(dāng)著我的面吹牛艺挪,可吹牛的內(nèi)容都是我干的不翩。 我是一名探鬼主播兵扬,決...
    沈念sama閱讀 40,130評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼口蝠!你這毒婦竟也來了器钟?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,985評論 0 275
  • 序言:老撾萬榮一對情侶失蹤妙蔗,失蹤者是張志新(化名)和其女友劉穎傲霸,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體眉反,經(jīng)...
    沈念sama閱讀 45,420評論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡昙啄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,617評論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了寸五。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片梳凛。...
    茶點(diǎn)故事閱讀 39,779評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖梳杏,靈堂內(nèi)的尸體忽然破棺而出韧拒,到底是詐尸還是另有隱情,我是刑警寧澤十性,帶...
    沈念sama閱讀 35,477評論 5 345
  • 正文 年R本政府宣布叛溢,位于F島的核電站,受9級特大地震影響劲适,放射性物質(zhì)發(fā)生泄漏雇初。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,088評論 3 328
  • 文/蒙蒙 一减响、第九天 我趴在偏房一處隱蔽的房頂上張望靖诗。 院中可真熱鬧,春花似錦支示、人聲如沸刊橘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,716評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽促绵。三九已至,卻和暖如春嘴纺,著一層夾襖步出監(jiān)牢的瞬間败晴,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,857評論 1 269
  • 我被黑心中介騙來泰國打工栽渴, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留尖坤,地道東北人。 一個月前我還...
    沈念sama閱讀 47,876評論 2 370
  • 正文 我出身青樓闲擦,卻偏偏與公主長得像慢味,于是被迫代替她去往敵國和親场梆。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,700評論 2 354

推薦閱讀更多精彩內(nèi)容