张飞软硬开源基于STM32 BLDC直流无刷电机驱动器开发视频套件,👉戳此立抢👈

物联网全栈教程-从云端到设备(九)

技新电子 2018-05-28 11:26 次阅读

这一篇文章零妖带你学习全宇宙最简单的网页应用开发框架:Bone Web 框架,这是一个通过敲代码来制作网页的框架,非常适合不需要华丽界面的物联网项目。如果你动手操作,零妖保证三十分钟之内能做出来一个Web应用,体验空前的成就感(深入地做一个好的Web应用就需要你再继续研究了)。

这篇文章要介绍安装两个电脑软件,用来编写和调试网页代码,顺便再“弄”一个 Hello World 的代码来体验一把网页编写的感觉(别担心,不会让你敲代码的,零妖教你的是如何移植官方提供的例程代码)。下篇文章再介绍如何与阿里云服务器以及我们的物联网设备对接,当然是通过移植例程的方法来做的喽。

首先安装的是 Node.js 这个软件,版本号是node-v8.11.1。请你打开下面这个网址,通过详细阅读阿里云官方文档来了解如何安装。

阿里云官方文档

零妖在这里总结一下安装步骤:

1:下载Node.js这个软件,并且安装到你的电脑上(就和安装电脑QQ一样简单,如果你不会弄,那老哥也救不了你啊兄弟),这个软件的下载地址如下: 软件下载地址。

2:下载并安装 VSCode 这个软件,这个软件对于90%的程序员来说应该是标配的,自行百度下载。

3:下载并安装谷歌浏览器,这个可是必备的,要设置为系统的默认浏览器,因为调试代码要用到。

4:打开Windows的命令行窗口,复制几条命令进去再敲回车就行了。下面会具体说咋弄。

5:打开 VSCode 这个软件,简单设置一下。下文将会介绍方法。

6:只需要敲一行代码,助你新建一个Web应用!

你要保证自己已经安装了Node.js这个软件。

正式开始之前,你需要去阿里云的Bone,然后点击右上角的登陆,进入Bone开发框架的官网。再点开一个网页,获取一个系统自动分配的账号密码,我们把它叫做“bnpm账号信息”。这个在接下来的安装过程中会用到。

 

Windows的电脑系统都会有一个叫做 命令行 的东西,进入的方法如下(WIN10的64位系统):

进入命令行的界面之后,需要依次运行如下3条命令,你需要复制一条命令,粘贴上去敲回车执行完毕,然后再复制一条执行。

第一步: npm install -g bnpm --registry=https://npm.aliplus.com/api

第二步: (这一步要根据提示输入bnpm账号和密码) bnpm login

第三步: bnpm install -g @bone/bone-cli

完成。

接下来设置VSCode这个软件。要保证已经安装了VSCode和谷歌浏览器。好了,打开VSCode吧。

 

搜索并安装如下三个插件:

第一个: Debugger for Chrome

第二个: npm

第三个: Node.js Modules Intellisense

完成。

至此,开发Web应用(也就是网页)所需要的所有准备工作都已经完成,零妖给你两分钟时间去做人生第一个Web应用  Hello World !

第一步: 在桌面新建一个文件夹,名字就叫做 Web 吧。你可以自己起名字。

第二步: 进入这个文件夹,如下图进行操作。

第三步: 输入  bone init  ,然后敲回车,接下来会让你选择要新建的项目类型,我们选择Web应用就行了。让你输入的应用名称和应用ID随便弄个,这次是做测试的,先不要管那么多。

通过这一行代码,你已经完成了第一个Web应用的创建工作了,接下来零妖老哥教你如何查看你的网页。

第四步: 输入 bone start ,然后敲回车。等待十几秒左右,谷歌浏览器就会自动弹出来哦!

 

谷歌浏览器自动弹出并显示如下信息:

恭喜你,你的第一个基于Bone开发框架的应用程序,已经通过一行代码完成了!

不要着急去想什么编程语法,零妖告诉你用这个框架编写代码实质上是符合JS语法规范的,但是你完全不用立马去学习JS语法规则,也不用学习HTML。正确的学习方法是,当你用到某个功能的时候,去找一下官方对这个功能的描述以及提供的例程代码,然后移植它,修改它为己所用即可。

下一篇文章,咱们来移植一个仪表盘,并打通设备到网页的数据!

收藏 人收藏
分享:

评论

相关推荐

玩单片机到千万身家,“技术型老总”需要哪些神技能?

中国硬件创新大赛网络培训会—技术培训篇如果你就干这行,毫无疑问你不能错过这次直播;如果不是,可能你不一定喜欢单片机,也不
发表于 05-16 00:00 585次 阅读
玩单片机到千万身家,“技术型老总”需要哪些神技能?

使用电流采样反馈调整控制技术设计数控直流电流源系统的论文

本系统采用电流采样反馈调整控制技术,控制过程是利用LM741组成恒流源,结合放大电路,A/D转换电路....
发表于 08-22 16:08 12次 阅读
使用电流采样反馈调整控制技术设计数控直流电流源系统的论文

物联网数据集成为什么很难实现

物联网(IoT)正迅速成为现代企业的技术必需品。意识到这一点,企业正加紧努力实施和扩展物联网网络。然....
发表于 08-22 15:57 25次 阅读
物联网数据集成为什么很难实现

物联网将改变人类的生活方式使我们的生活更加轻松

物联网影响着人类生活的方方面面,汽车也不例外。通过智能技术、无线网络、智能手机和语音控制的联网汽车、....
发表于 08-22 15:51 16次 阅读
物联网将改变人类的生活方式使我们的生活更加轻松

医疗健康物联网将是医疗数字化的基础

目前在医疗健康体系中,有太多设备和应用程序在协同处理各种数据,包括医疗记录,患者记录和临床数据相对应....
发表于 08-22 15:29 27次 阅读
医疗健康物联网将是医疗数字化的基础

从1G到5G标准之争争出了什么?

从参与竞争的国家或地区来看,争夺1G标准主导权的主要有美国、日本、英国、法国、加拿大;争夺2G标准主....
的头像 倩倩 发表于 08-22 15:10 50次 阅读
从1G到5G标准之争争出了什么?

回顾1G到5G的发展历程

目前通信技术更迭一般是十年一个周期,今年被称为5G商用元年,今年也是6G研发的开始,虽然目前很多国家....
的头像 倩倩 发表于 08-22 15:06 115次 阅读
回顾1G到5G的发展历程

怎么看待CKS32单片机能取代ST32单片机问题

怎么看待中科芯CKS32单片机,能取代ST32单片机吗?你会选择CKS32的单片机吗?谢谢! ...
发表于 08-22 15:03 55次 阅读
怎么看待CKS32单片机能取代ST32单片机问题

物联网应用在医疗保健中可能会导致严重问题?

为什么医疗保健中的物联网可能会导致严重问题
的头像 陈翠 发表于 08-22 14:38 80次 阅读
物联网应用在医疗保健中可能会导致严重问题?

相互关联后谁会成为最大赢家

谁是我们相互关联的未来的赢家
的头像 陈翠 发表于 08-22 14:26 67次 阅读
相互关联后谁会成为最大赢家

联发科不是所有方面都比华为弱,比如物联网,芯片方面

被低估的联发科:高端不如华为,但在低端、物联网上比华为更强
的头像 陈翠 发表于 08-22 14:16 179次 阅读
联发科不是所有方面都比华为弱,比如物联网,芯片方面

物联网为智慧城市建设赋能

物联网赋能智慧城市建设,万亿级应用场景或显现
的头像 陈翠 发表于 08-22 14:10 88次 阅读
物联网为智慧城市建设赋能

物联网中的LoRa究竟是什么

物联网中的LoRa到底是什么
的头像 陈翠 发表于 08-22 14:06 88次 阅读
物联网中的LoRa究竟是什么

物联网数据在未来城市建设中有着不可小觑的价值

释放物联网数据在未来城市建设中的价值
的头像 陈翠 发表于 08-22 11:48 127次 阅读
物联网数据在未来城市建设中有着不可小觑的价值

2019上半年全球智能家居发明专利排行榜

科技是国之利器。企业作为科技创新的主体,是推动科技发展的重要力量。在供给侧结构性改革的背景下,中国企....
的头像 倩倩 发表于 08-22 11:31 86次 阅读
2019上半年全球智能家居发明专利排行榜

到底什么是智能家居?融入生活的智能家居了解一下

一般支持指纹、密码、蓝牙、人脸识别等开锁方式,并且内置智能模块,实时监测锁芯的状态,异常情况远程报警....
的头像 倩倩 发表于 08-22 11:27 80次 阅读
到底什么是智能家居?融入生活的智能家居了解一下

应用于智慧城市中的大数据存储

现代社会中城市长期以来一直依靠视频监控来加强公共安全和遏制犯罪,而如今的智慧城市正在将这些解决方案应....
发表于 08-22 10:51 12次 阅读
应用于智慧城市中的大数据存储

PIC单片机,16F690用PICKIT3烧录程序,MPLAB显示程序烧录成功,但是单片机程序不运行,像没有程序一样

OUTPUT界面如下Connecting to PICkit 3...Firmware type......................MidrangeTarget Detected Progra...
发表于 08-22 10:37 71次 阅读
PIC单片机,16F690用PICKIT3烧录程序,MPLAB显示程序烧录成功,但是单片机程序不运行,像没有程序一样

想要免费领取FPGA学习资料吗?视频课程,论文,学习笔记,书籍样样都有!

近期许多用户希望学院可以分享一些FPGA的学习资料,综合了大家的意见,今天特意为大家整理了一份FPGA资料大礼包,这里...
发表于 08-22 10:11 93次 阅读
想要免费领取FPGA学习资料吗?视频课程,论文,学习笔记,书籍样样都有!

单片机串口转USB芯片-CP2102资料与使用心得

CP2102包括USB 2.0全速功能控制器、USB收发器、振荡器、EEPROM和UART。不需要其他的外围元件。Silicon La...
发表于 08-22 09:33 89次 阅读
单片机串口转USB芯片-CP2102资料与使用心得

怎么利用CAN总线进行MEGA8远距离在线升级?

CAN(Controller Area Network)即控制器局域网,是目前广泛应该的总路线之一。CAN总线通信距离限制小,它的直接通信距离最...
发表于 08-22 08:21 36次 阅读
怎么利用CAN总线进行MEGA8远距离在线升级?

WG228物联网模块的数据手册免费下载

WG228模块是一个低功耗的IEEE 802.11 b/g/n物联网(物联网)模块,专门针对低功耗物....
发表于 08-22 08:00 9次 阅读
WG228物联网模块的数据手册免费下载

AT89C52怎么实现PC非标准键盘?

随着嵌入式系统的飞速发展,嵌入式PC在工业控制、测量仪器等领域得到了广泛应用,如ADVANTECH公司的PC/104、 AMD...
发表于 08-22 07:58 33次 阅读
AT89C52怎么实现PC非标准键盘?

怎么设计基于单片机和FPGA的人机交互系统?

在现代各类仪器的开发中,人机交互功能正起着无可替代的作用。人机交互界面友好的仪器将更容易操作和使用,从而提高工作效率。液...
发表于 08-22 07:50 10次 阅读
怎么设计基于单片机和FPGA的人机交互系统?

雷达发射机安装调试要注意什么?

新一代雷达装备都设计有比较完善的机内测试(BIT)系统,它能对雷达的各功能模块进行实时监测,及时发现故障,将故障定位到现场...
发表于 08-22 07:00 15次 阅读
雷达发射机安装调试要注意什么?

请问F1系列和F7系列的单片机抗干扰能力有什么不同?

F7系列的单片机主频168M会不会比较容易受干扰?...
发表于 08-22 04:35 34次 阅读
请问F1系列和F7系列的单片机抗干扰能力有什么不同?

STC15F2K61S2读写初始化SD卡无法响应是怎么回事?

SD卡的输出口一直保持为低电平,SD卡无响应,SD卡的SPI模式,单片机的IO口要设置什么模式吗,能响应的情况很少,一共...
发表于 08-22 01:41 53次 阅读
STC15F2K61S2读写初始化SD卡无法响应是怎么回事?

实现LPC单片机双通道AD转换的功能的详细资料说明

随着移动设备的流行和发展,嵌入式系统已经成为一个热点。具有体积大、成本、功耗低和可靠性强的突出特点。....
发表于 08-21 17:43 17次 阅读
实现LPC单片机双通道AD转换的功能的详细资料说明

如何使用Protel DXP进行单片机最小系统原理电路的设计

利用Protel DXP的原理图设计系统及其原理图元件库编辑器等功能,建立单片机元件库,进行单片机最....
发表于 08-21 17:09 19次 阅读
如何使用Protel DXP进行单片机最小系统原理电路的设计

华为Mate 20X 5G版强势来袭,用实力说话

2019年势必是5G时代元年,而现在5G也是慢慢的普及了过来,当然5G通讯的到来不仅仅是在手机上,而....
的头像 PCB资讯 发表于 08-21 16:59 286次 阅读
华为Mate 20X 5G版强势来袭,用实力说话

LED点阵显示程序和电路仿真与论文及应用程序合集免费下载

一、系统总体方案1、项目功能:用单片机(AT89S52)控制74hc595,使四块8*8的LED点阵....
发表于 08-21 16:40 15次 阅读
LED点阵显示程序和电路仿真与论文及应用程序合集免费下载

如何设计波形发生器详细设计论文免费下载

本次设计实现了一种波形发生器,可以产生三角波、正弦波、方波,其频率和幅度任意可调,并能产生各种调频信....
发表于 08-21 16:09 10次 阅读
如何设计波形发生器详细设计论文免费下载

使用单片机设计数控直流电流源的论文资料免费下载

本设计分四个模块:单片机控制及显示模块、数模(D/A)转换模块、恒流源模块、输出显示模块。单片机控制....
发表于 08-21 16:09 10次 阅读
使用单片机设计数控直流电流源的论文资料免费下载

使用AT89S51单片机设计数控直流电流源的详细论文资料免费下载

本数控直流电流源以单片机AT89S51为控制核心,由D/A转换器TLC5615、A/D转换器TLC2....
发表于 08-21 16:09 9次 阅读
使用AT89S51单片机设计数控直流电流源的详细论文资料免费下载

使用单片机设计LCD显示的数控直流电流源的论文资料免费下载

利用单片机所具有的智能测控特点,设计制作了基于单片机的“数控直流电流源”。该电流源具有设定准确、输出....
发表于 08-21 16:09 9次 阅读
使用单片机设计LCD显示的数控直流电流源的论文资料免费下载

海尔、华为、小米为代表的头部企业不断强化智能家居实力主导地位

华为进入智能家居领域虽晚,但推进速度不慢,2018年推出“百亿计划”加强物联网市场布局,2019年着....
的头像 倩倩 发表于 08-21 15:57 303次 阅读
海尔、华为、小米为代表的头部企业不断强化智能家居实力主导地位

物联网与互联网的两点差异

物联网平台需要支持:设备连接,设备管理,数据存储,数据分析,应用软件与设备交互,软件开发环境,软件运....
的头像 倩倩 发表于 08-21 15:44 123次 阅读
物联网与互联网的两点差异

WOIC互通币研发团队已成功与PBOC签署了项目落地协议书

据悉,在中国第三届互联网AI+区块链高峰论坛上,亚洲区块链研究院院长陈柏珲指出,在物联网行业本身是一....
的头像 倩倩 发表于 08-21 15:41 325次 阅读
WOIC互通币研发团队已成功与PBOC签署了项目落地协议书

什么是物联网产品?终端设备应该含有哪些模块

在我们使用共享单车时,用手机扫码后点击“开锁”按钮,就能将车锁打开。等我们使用完以后,将共享单车锁上....
的头像 倩倩 发表于 08-21 15:36 130次 阅读
什么是物联网产品?终端设备应该含有哪些模块

奇信智能公司携物联网机器人“奇信小π”亮相华为云人工智能高峰论坛

在此次的活动中,汇聚了众多人工智能领域优秀企业,华为生态伙伴之一——奇信智能公司携物联网机器人“奇信....
的头像 倩倩 发表于 08-21 15:32 205次 阅读
奇信智能公司携物联网机器人“奇信小π”亮相华为云人工智能高峰论坛

解析IoT是什么以及它如何帮助企业提高效率

Phillips Hue照明系统是另一个伟大的物联网示例。它是一个智能灯泡,可以改变颜色,甚至可以匹....
的头像 倩倩 发表于 08-21 15:26 554次 阅读
解析IoT是什么以及它如何帮助企业提高效率

物联网正在走进无锡寻常百姓生活,从百姓生活到工业制造

阿里巴巴布局飞凤平台,打造万物互联解决方案;华为建物联网生态使能中心,构建万物互联的智能世界;海尔打....
的头像 倩倩 发表于 08-21 15:25 123次 阅读
物联网正在走进无锡寻常百姓生活,从百姓生活到工业制造

基于物联网技术的电气设备的状态

状态检修是指建立在电力设备运行状态下,使用与之相适应的检修方法。状态检修是移动互联技术、计算机技术以....
的头像 倩倩 发表于 08-21 15:21 97次 阅读
基于物联网技术的电气设备的状态

物联网技术是如何支持预测性维护来实现提高产品质量的

如今,有大量不同的状态监控技术可用于实时跟踪资产健康状况。这意味着您可以非常清楚地看到机器何时处于峰....
发表于 08-21 15:14 60次 阅读
物联网技术是如何支持预测性维护来实现提高产品质量的

组织该采取什么措施来抵御影子物联网的威胁

市场上已经有无数支持物联网的设备。总部位于伦敦的全球信息提供商IHS Markit的一份报告指出,到....
发表于 08-21 15:12 144次 阅读
组织该采取什么措施来抵御影子物联网的威胁

微软宣布推出Windows 10物联网核心服务

微软现有的物联网核心将继续作为半年度渠道产品免费提供。物联网核心服务是一种付费解决方案,但代表了一个....
的头像 倩倩 发表于 08-21 15:12 192次 阅读
微软宣布推出Windows 10物联网核心服务

为什么劣质数据不会减少推迟物联网计划的原因

理论上听起来都很棒。然而,许多组织正在努力冒险。早在2016年,思科副总裁Maciej Kranz发....
的头像 倩倩 发表于 08-21 15:10 71次 阅读
为什么劣质数据不会减少推迟物联网计划的原因

智慧消防”项目多地试点成功,实现消防大数据与“智慧城市”等战略深度融合

消防设备物联网建设,实现了消防站、消防水源、位置信息、消防站等各类消防设施大数据共享共用,实现在全国....
的头像 倩倩 发表于 08-21 15:07 86次 阅读
智慧消防”项目多地试点成功,实现消防大数据与“智慧城市”等战略深度融合

海尔率先将物联网技术应用于中央空调领域

走进一楼的展览展示区,看到多个行业的一流品牌在展厅展示。据宣传推广基地运营负责人介绍,这是第一批入驻....
的头像 倩倩 发表于 08-21 15:05 76次 阅读
海尔率先将物联网技术应用于中央空调领域

如何才能将物联网应用到产品的物流仓库中去

工业物联网让制造业工人获得了前所未有的、简单高效的工作体验。生产链的各部分可相互联通,简化制造过程。....
发表于 08-21 15:05 44次 阅读
如何才能将物联网应用到产品的物流仓库中去

2019年内蒙古物联网与人工智能峰会在呼和浩特召开

内蒙古自治区科技厅厅长孙俊青在致辞时说,随着5G时代的到来,物联网和人工智能技术将进一步改变我们的生....
的头像 倩倩 发表于 08-21 15:03 192次 阅读
2019年内蒙古物联网与人工智能峰会在呼和浩特召开

如何才能在物联网的万亿级市场中寻找到绝佳的机会

物联网概念从轮廓初现到如今,已经形成了相对成熟的产业链条。从一个模糊的概念到日渐壮大的产业规模,物联....
发表于 08-21 15:02 91次 阅读
如何才能在物联网的万亿级市场中寻找到绝佳的机会

物联网的真正力量在于解决现实问题的应用

观察物联网对业务流程的影响,例如,在工厂中,预测性维护,物联网技术可以确定机器何时出现故障,可以节省....
的头像 倩倩 发表于 08-21 15:00 102次 阅读
物联网的真正力量在于解决现实问题的应用

物联网安全隐私问题——WOIC互通币所提出的解决方案

而采用区块链技术,数据发送前进行加密,在数据传输和授权的过程中,加入身份验证环节。涉及到个人数据的任....
的头像 倩倩 发表于 08-21 14:58 202次 阅读
物联网安全隐私问题——WOIC互通币所提出的解决方案

IOTE2020物联网展现正式启动招商!

但就目前来说,国内大大小小的物联网相关博览会不计其数,受制于物联网产业本来就大而宽泛的涵盖范围,以及....
的头像 倩倩 发表于 08-21 14:53 717次 阅读
IOTE2020物联网展现正式启动招商!

农业物联网加速应用智慧农业发展潜力广阔

物联网技术的落地应用,使传统农业生产变得更加智能和高效。比如易天物联的智慧养鸡场物联网解决方案,通过....
的头像 倩倩 发表于 08-21 14:42 204次 阅读
农业物联网加速应用智慧农业发展潜力广阔

单片机对两位共阳数码管的驱动设计

P2.6和P2.7端口分别控制数码管的十位和个位的供电,当相应的端口变成低电平时,驱动相应的三极管会....
发表于 08-21 14:39 37次 阅读
单片机对两位共阳数码管的驱动设计

博为峰致力于将物联网技术和人工智能技术应用于卫浴设备上

智能卫浴设备的质量检测涉及到IOT芯片、人工智能算法、设备交互、人物交互、物物交互、云端控制等多种新....
的头像 倩倩 发表于 08-21 14:33 196次 阅读
博为峰致力于将物联网技术和人工智能技术应用于卫浴设备上

阿里巴巴2Q 2019总营收1149亿 云业务收入获得持续飙升

8月16日,阿里巴巴公布了2019年截至6月30日的第二季度业绩报告。 受益于国内商业零售业务和El....
的头像 刘伟DE 发表于 08-21 12:03 1073次 阅读
阿里巴巴2Q 2019总营收1149亿 云业务收入获得持续飙升

友善串口调试助手应用程序免费下载

友善串口调试助手,串口通信调试,支持常用的110-256000bps波特率及自定义波特率,友善串口调....
发表于 08-21 11:44 9次 阅读
友善串口调试助手应用程序免费下载

华为抢先谷歌进行万物互联

谷歌要干的事,华为提前做了!
的头像 陈翠 发表于 08-21 10:28 231次 阅读
华为抢先谷歌进行万物互联