树莓派魔镜制作教程(一)

2020年6月25日 20:41 阅读 3.35k 评论 0

最近在做一个基于树莓派的魔镜项目,因为各种各样的问题一路磕磕绊绊,所以特地将开发时遇到的问题整理到博客。

首先MagicMirror这个项目在Github已经有很优秀的开源框架了,所以为了快速开发,直接拿来用就可以了。

在安装魔镜之前请确保自己已经烧录好树莓派的系统并且已经连接网络。

1、克隆MagicMirror项目到本地

在`/home/pi/下打开terminal键入:

git clone https://github.com/MichMich/MagicMirror.git 

2、安装所需依赖

把项目克隆到本地后,切换到MagicMirror文件夹中,执行

npm install  

npm安装时尽量别使用淘宝源或者其他源,因为好几次为了图安装快使用淘宝源都安装失败了

这一步通常需要花费很长时间,在这期间勿使用ctrl+c之类的终止操作,避免不必要的麻烦

3、复制配置样本文件

在项目文件夹中执行

cp config/config.js.sample config/config.js 

4、 启动项目

npm run start 

然后打开浏览器访问 http://localhost:8080/

不出意外,这时你就可以看到魔镜的界面了,不过这个时候一般只会显示时间和美国的calendar,懂点前端的同学会很疑惑的按下F12,然后看到XHR也就是网页发出的AJAX请求返回的状态码都是401,这代表我们发出的请求都未经授权而被禁止,再点响应体时,会看到:

{"cod":401, "message": "Invalid API key. Please see http://openweathermap.org/faq#error401 for more info."} 

这说明我们请求这个API需要去申请自己的KEY。

再看其余地方,新闻模块也一直在loading,那么该如何解决呢?我们下篇文章见!

最后修改于2021年7月29日 13:35
©允许规范转载

版权声明:如无特殊说明,文章均为本站原创,转载请注明出处

本文链接:https://www.yangyingqi.com/42.html

树莓派
微信
支付宝
登录后即可进行评论/回复