用樹莓派制作輪播相冊峰伙、化妝鏡送女友（樹莓派魔鏡）

最終實現(xiàn)效果

女票可以通過發(fā)送圖片到微信公眾號實現(xiàn)上傳相片，收到消息后會給女票返回相片id该默，女票輸入相片id即可實現(xiàn)刪除相片瞳氓。樹莓派開機后WIFI自動連接，自動開始全屏輪播相片(鼠標隱藏)栓袖，并且也可以當一面鏡子來放在桌上匣摘。

來一張效果圖：

IMG_20190421_115131.jpg

qq_pic_merged_1555831312336.jpg

原材料

樹莓派
HDMI屏幕
HDMI線
原子鏡
相框（我選用小木條）
相框架（屏幕送的）
鋸子、砂紙裹刮、剪刀等工具
AB膠音榜、絕緣膠帶、泡沫雙面膠等固定材料

IMG_20190421_090932.jpg

步驟

一必指、制作相框

我在某寶買了兩種規(guī)格的小木條和一塊囊咏，來搭成相框，用絕緣膠帶包裹主板背板塔橡，用泡沫雙面膠粘貼梅割，相當牢固。

Screenshot_2019-04-21-11-26-48-075_com.taobao.tao.png

Screenshot_2019-04-21-11-27-01-916_com.taobao.tao.png

qq_pic_merged_1555817298504.jpg

qq_pic_merged_1555828632771.jpg

qq_pic_merged_1555828660513.jpg

成品如下：

IMG_20190421_092159.jpg

二葛家、服務端開發(fā)

這里就不詳細說實現(xiàn)過程了户辞，大致分為兩步：

對接微信消息接口
服務端接收微信消息，判斷是圖片類型癞谒，則通過URL下載圖片底燎，將URL放入ConcurrentHashMap中，Key為圖片id（我實現(xiàn)的是自增id）弹砚，Value為服務端根據(jù)保存的圖片生成可以訪問的URL双仍。
微信接收消息，判斷是消息類型桌吃，則認為消息是圖片的id朱沃，根據(jù)id刪除圖片
暴露出獲取圖片URL列表的接口，也就是之前緩存中的Map的values

說明：

我后臺使用的是Spring Boot

注意事項：

微信消息接口是XML格式的
不能直接使用微信消息中的圖片URL茅诱，有跨域限制逗物，所以服務端將圖片下載下來再提供給前端服務端的URL就可以啦
服務端記得開啟跨域
記得捕獲異常后返回一個提示錯誤的消息

三、前端頁面開發(fā)

前端使用的是Bootstrap的輪播圖插件Carousel,用AJAX請求到圖片URL列表后foreach動態(tài)添加DOM瑟俭。
鼠標隱藏用這個CSS就行：

html {
    cursor: none;
}

效果圖：

QQ20190421-140753.png

四翎卓、樹莓派端配置

在樹莓派設置里將SSH打開，用同一局域網(wǎng)下的電腦SSH連接（注意要用pi用戶登錄摆寄，默認禁止root賬戶SSH）
查看支持的分辨率失暴，選一個最合適的坯门，記住mode的值，這里提示我81最合適

/opt/vc/bin/tvservice -m DMT

QQ20190421-102746@2x.png

修改樹莓派屏幕設置

sudo vi /boot/config.txt

添加如下代碼：

# 開始屏幕熱插拔
hdmi_force_hotplug=1
# DMT模式
hdmi_group=2
# 剛剛查看的分辨率編號
hdmi_mode=81
# 屏幕旋轉90度
display_rotate=1

附上參考文章:
http://www.reibang.com/p/a65b295eb285
http://www.reibang.com/p/657f6e113666

配置WIFI自動連接（也可以在樹莓派圖形界面連接一次逗扒，之后會自動連接）

vi /etc/wpa_supplicant/wpa_supplicant.conf

network={
     ssid="WIFI名(不可直接用中文)"
     psk="WIFI密碼"
     key_mgmt=WPA-PSK
}

將前端項目文件夾scp入樹莓派
設置chromium開機自啟并打開頁面

cd /home/pi/.config

# 創(chuàng)建autostart文件夾
mkdir autostart
cd autostart

# 創(chuàng)建my.desktop文件
sudo vi my.desktop

# 添加如下代碼：
?[Desktop Entry]
Type=Application
?Exec=chromium-browser --disable-popup-blocking --no-first-run --disable-desktop-notifications --kiosk "file://HTML文件路徑"

#重啟
sudo reboot