2018-10-17 OrangePi Zero 搭mqtt,vue web服务器

先上 mqtt ,按照个人喜好还是希望能上 EMQTT的,毕竟我还是为此读源码,无奈只有64位版本。Zero 只有32位。

dns-nameserver 119.29.29.29

 /etc/init.d/networking restart


开工,没什么好说的:

sudo apt-get update

sudo apt-get install libssl-dev

sudo apt-get install uuid-dev

sudo apt-get install xsltproc

apt-get install docbook-xsl

git clone https://github.com/eclipse/mosquitto

cd mosquitto

make

make install

useradd mosquitto

mosquitto -v

2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第1张图片

cp etc/mosquitto/mosquitto.conf.example etc/mosquitto/mosquitto.conf
在etc/mosquitto/mosquitto.conf  修改端口号等等等参数

vim etc/mosquitto/mosquitto.conf

2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第2张图片

配置参照 这位大师

MQTT配置

sudo mosquitto -c /etc/mosquitto/mosquitto.conf &

 依照修改好的配置文件启动

开机运行的话加入 /etc/rc.local 里即可

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

VUE开发环境搭建篇

考虑到系统负担,开发环境搭建在虚拟机上进行,发布于 openwrt  和OrangePi zero上。

虚拟机 vmware 14 ,运行的ubantu 16.04,。

虚拟机的安装是傻瓜式的。但由于漫长的编译过程,我使用SSH来远程登录 本地电脑的虚拟机


2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第3张图片

桥接必须设定。

sudo apt-get install openssh-server         ssh服务器必须安装

ps -e|grep ssh 看看安装成功没有

vim /etc/ssh/ssh_config

2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第4张图片

配置文件可修改端口,但是修改完还得改

vim /etc/ssh/sshd_config  使得本地使用时不被  refuse

2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第5张图片

必须关闭防火墙  ufw disable


ssh localhost 

ifconfig     看看远程SSH里的IP     

2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第6张图片

然后干正事:


首先需要上 nodejs

nodejs -v  试试有没有装过


sudo apt-get update

curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash -     //少了这一句你的麻烦就大了

sudo apt-get install nodejs

、、、、、、、、、、、、、、、、、、、、、、、加了第二句 楼下的基本可以忽略

sudo apt install nodejs-legacy

sudo apt install npm

sudo npm config set registry https://registry.npm.taobao.org  加淘宝源,防墙

sudo npm config list

sudo npm install -g n          

sudo n stable            更新 nodejs 至最新版   太慢,放弃了。

再来一次 nodejs  -v

npm -v

npm -g install cnpm             npm 的国产化

2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第7张图片

如果没有的话去wget 一个

wget https://nodejs.org/dist/v8.12.0/node-v8.12.0-linux-x64.tar.xz

tar xvf node-v8.12.0-linux-x64.tar.xz

sudo ln -s ~/node-v8.12.0-linux-x64/bin/node /usr/local/bin/node

sudo ln -s ~/node-v8.12.0-linux-x64/bin/npm /usr/local/bin/npm

vim /etc/profile


修改 paht  使得node 指向新的安装路径,否则vue 装上用不了。

————————————————————————————————————————

安装VUE脚手架

sudo cnpm install -g vue-cli

sudo cnpm install -g webpack

cnpm install -g webpack-dev-server

mkdir tmp           不想被chromoe卡死的先预装一下

cd /tmp

wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb

/////////wget http://npm.taobao.org/mirrors/chromedriver/2.41/chromedriver_linux64.zip

sudo dpkg -i google-chrome*

sudo apt-get -f install

apt-get install google-chrome-stable

dpkg -i google-chrome-stable_current_amd64.deb      为啥又干一次 ,因为上一次会出错

~~~~~~~~~~~~~终于搭好环境了。

sudo vue init webpack hellovue         来一个helloworld

cd hellovue

npm run dev

开个浏览器 来个: localhost:8080就完工了。

如果你想省事。vim ./config/index.js  把 host:localhost 换成 本机的ip地址。然后局域网内都可以访问了。比如手机。


2018-10-17 OrangePi Zero 搭mqtt,vue web服务器_第8张图片

如果做了内网穿透,就可以开个SSH 写码子,开个浏览器,随时随地调试VUE了。哈哈哈

我的香橙派 也算发挥价值了。

你可能感兴趣的:(2018-10-17 OrangePi Zero 搭mqtt,vue web服务器)