Giter Site home page Giter Site logo

alwxkxk / soft-and-hard Goto Github PK

View Code? Open in Web Editor NEW
1.4K 30.0 259.0 1.46 MB

《软硬结合——从零打造物联网》 基于JS的物联网教程。

Home Page: https://www.scaugreen.cn/posts/44755/

JavaScript 74.07% CSS 2.09% HTML 18.82% C++ 4.45% Pug 0.57%

soft-and-hard's Introduction

soft-and-hard

《软硬结合——从零打造物联网》,软硬件结合可以说是所有硬件开发人员心中的一大追求,当一个人技能树上点亮了软硬件,所有创意想法基本都能靠自己去实现。 如果你想支持这个免费的网络教程,请在github上给我一个关注的星星以示支持

软硬结合 在线浏览网址:https://www.scaugreen.cn/posts/44755/

B站视频:https://www.bilibili.com/video/BV16L411n7Pi/


教程简介

教程目标

制作并演示一个物联网系统是怎么跑起来的,介绍如何学习相关知识。

教程内容

  • 硬件上选择价格便宜(淘宝价十几块钱)的NodeMCU开发板,使用Arduino进行开发。
  • 物联网你还得先懂网,在教程中简单介绍了计算机网络基础知识、TCP/IP协议、HTTP协议、MQTT协议等等。
  • Web上选择了无所不能的JavaScript,在教程中将会演示其在网页开发、小程序开发、桌面应用开发、服务器后端服务开发。
  • 整个教程里,推荐先用后学,先把项目跑起来看看效果,再按需学习相关知识,直到自己能把项目写出来。
  • demo1演示了最简的系统,实现软件显示硬件的数据,可控制硬件执行动作。 demo1示例
  • 在demo1的基础上,demo2添加了MongoDB数据库、实时显示数据(websocket协议)、数据可视化(Echart图表)功能。 demo2主要流程图

其它说明

文件目录说明

  • 基础教程 : 各基础教程代码。详情查看该目录下的README.md。
  • demo1 :demo1的源代码,详情查看该目录下的README.md。
  • demo2 : demo2的源代码,包含微信小程序、electron源代码,详情查看该目录下的README.md。
  • pm2.json : 使用pm2启动时的配置文件pm2 start pm2.json,启动前需要先安装项目依赖。

端口使用情况

  • demo0.1-tcp: 9000

  • demo0.1-http: 8000

  • base-tcp1: 9001 (方便TCP基础学习时抓包所用。)

  • demo1-tcp: 9002

  • demo1-http: 8001

  • demo2-tcp: 9003

  • demo2-http: 8002

V2.0 升级内容

根据过去几年来,解决各位同学的问题后,为提升学习体验,于2021/7/17着手开始迭代升级为V2.0:

  • demo1 也使用HTTP轮询。
  • 不再使用Jquery、pug模板,减少不必要的学习内容。
  • TCP服务器连接超时时间从10秒改成30秒,避免时间过短导致调试不方便。
  • 把原本引用CDN的外部资源全部下载放到内部引用。
  • 将教程从多条并行选择学习改变成有顺序地学习,避免读者迷惑不知所措。
  • 以前的演示都是无声的小视频,准备录制完整的有声视频。

soft-and-hard's People

Contributors

alwxkxk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

soft-and-hard's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.