1 想要自行开发爱星物联的网页,对着代码一头雾水?-德赢Vwin官网 网
0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

想要自行开发爱星物联的网页,对着代码一头雾水?

AIoT行业洞察 来源:AIoT行业洞察 作者:AIoT行业洞察 2024-04-16 15:57 次阅读

伙伴们,爱星物联IoT平台开源版本已经上线,有没有小伙伴在自行开发爱星物联的网页时,对着代码一头雾水?工欲善其事,必先利其器!开发前先来瞅瞅如何配置环境。

工具安装

先准备好装备,根据使用的电脑系统选择对应的安装包下载

1、Git工具安装

拉取、管理代码都靠它啦~

下载地址:https://git-scm.com/download

wKgZomYeL2iAV97_AAEJQqt-Z_060.jpeg

2、VSCode代码编辑器安装

VSCode拥有强大的代码编辑功能,编译、构建也是一气呵成。

下载地址:https://code.visualstudio.com/Download

wKgaomYeL2mAKoqTAAC-YV6mX4848.jpeg

安装中文包插件,方便界面操作。(英文优秀者可略过)

wKgZomYeL2mAW7MAAAB2S4j7bDc44.jpeg

3、Node.js安装

爱星物联前端项目采用的框架代码是基于node运行的,所以这个是必备。

下载地址:https://nodejs.org/en/download

wKgaomYeL2qAFNuDAADG_ez4ePw43.jpeg

拉动取码

以APP控制面板的代码为例:

打开放置代码的目录-->右击鼠标-->选中Git Bash Here-->打开git界面-->输入命令行克隆代码-->enter

命令行:git clone [项目仓库地址]

git clone https://github.com/ubases/app-device-panel.git

wKgZomYeL2qAVrZ8AAARypTHfKo51.jpegwKgaomYeL2uAbxqQAABSvVq8wa417.jpeg

如果不想使用git工具,也可以访问项目地址:

https://github.com/ubases/app-device-panel/tree/maste

直接下载代码的压缩包解压。

安装依赖/启动项目

1、用VSCode打开项目目录

wKgZomYeL2uAfF_QAAAv8oj3Rss04.jpeg

2、安装依赖

第一步:打开控制台

方法一:点击终端-->点击新建终端-->底部会弹出一个命令窗口

wKgaomYeL2yAO1UgAABR2z2ey-Y14.jpeg

方法二:使用快捷键ctrl+shift+M,底部窗口弹出,选择终端

第二步:安装依赖

前提:已在电脑本地安装了Node.js

在终端输入命令:

wKgZomYeL22AS8QTAAAMq3j4vcQ32.jpeg

安装完成后,目录会多出一个node_modules目录。

wKgaomYeL22AE9YiAADMGzWO5Ow66.jpeg

3、启动项目

在终端输入命令:

wKgZomYeL26AGmw2AAAL5uaBojs07.jpeg

启动成功后,就可以在浏览器访问本地页面啦~

wKgaomYeL26AAb3QAAA_ZwzyX-020.jpegwKgZomYeL2-ALSL2AAAjUWQWCX857.jpeg

针对移动端网页可以在浏览器点击f12,然后选中手机模式图标,切换成手机模式浏览网页,视觉上更友好。

wKgaomYeL3CAAK5gAABqqoaqpqU87.jpeg

爱星物联IoT平台,是面向智能设备和智能化企业的IoT平台,提供成熟、安全、全球可用的物联网服务,助力客户缩短研发周期,降低成本投入,快速开发IoT产品,构建安全稳定且可定制化的IoT解决方案。

审核编辑 黄宇

声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表德赢Vwin官网 网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • 代码
    +关注

    关注

    30

    文章

    4779

    浏览量

    68518
  • IOT
    IOT
    +关注

    关注

    187

    文章

    4202

    浏览量

    196674
收藏 人收藏

    评论

    相关推荐

    DAC3283的转换函数到底是怎样的?是不是用16bit的数据来量化参考电流?

    个基础但是没搞懂的问题,看了数据手册,一头雾水 对于输入的16bit的I和Q数据信号,直令Q为0 在时钟驱动下,将I由全0个个加到全1,但是并没有输出
    发表于 12-09 06:12

    闪派联网开发套件体验连载】智能交通灯

    感谢德赢Vwin官网 ,感谢润和软件,提供闪派联网开发套件试用。 本次试用计划: 用闪派联网开发
    发表于 10-05 13:00

    润和软件闪派联网开发套件资料+答疑帖

    名书: *附件:闪派联网开发套件规格说明书_V1.0.pdf *附件:闪派联网开发套件使
    发表于 09-29 10:24

    DSP新手小白最简单的程序编译时报错

    跟着网上教学步步操作的但是就是编译报错,是不是少了什么文件?我看我比博主少了lib和gel的文件夹,是不是因为这个原因,求大神指导,刚开始学DSP一头雾水
    发表于 08-16 16:54

    利用服务脚手架实现定制服务

    hello,小伙伴们,云平台开源已发布段时间了,这篇文章《
    的头像 发表于 06-07 09:38 1977次阅读
    利用<b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>服务脚手架实现定制服务

    虹科案例丨VLAN不再难懂:台转换器+交换机轻松解锁VLAN配置

    还在为车载以太网的复杂性感到困惑吗?是否对交换机的工作原理一头雾水?VLAN的概念让您感到难以把握?别担心,虹科来帮忙!我们通过个简单的案例——仅用台转换器和车载以太网交换机,带您轻松掌握VLAN的识别与转发思路!
    的头像 发表于 05-24 16:21 499次阅读
    虹科案例丨VLAN不再难懂:<b class='flag-5'>一</b>台转换器+交换机轻松解锁VLAN配置

    如何用平台做自己专属的美食食谱?

    平台提供了很多 API,想要开发个独立业务
    的头像 发表于 05-06 17:39 642次阅读
    如何用<b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>平台做自己专属的美食食谱?

    与威思客达成战略合作,开启纵发展新模式!

    4月1日,北京威发新世纪信息技术有限公司(以下简称“威思客”)高级副总裁、技术总监、研发总经理行到访,并与
    的头像 发表于 04-11 15:10 350次阅读
    <b class='flag-5'>星</b>纵<b class='flag-5'>物</b><b class='flag-5'>联</b>与威思客达成战略合作,开启<b class='flag-5'>星</b>纵发展新模式!

    使用IoT平台时,哪些参数配置是开发者必须知道的?

    hello,小伙伴们,上周我们《IoT平台正式开源啦》,感兴趣的开发者可以点击文中的链接下载和体验。在使用
    的头像 发表于 03-30 08:22 629次阅读
    使用<b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>IoT平台时,哪些参数配置是<b class='flag-5'>开发</b>者必须知道的?

    IoT平台正式开源

    平台包含了从智能终端到应用软件一体化开发方案, 具体包括安信可通信模组、固件、移动APP、第三方语音助手、第三方云服务和云平台 。
    的头像 发表于 03-29 11:08 483次阅读
    <b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>IoT平台正式开源

    开源IoT平台助力企业构建安全可定制化的IoT解决方案

    团队近期推出了
    的头像 发表于 03-25 10:05 433次阅读

    如何配置MPU中的tex,C,B,S位?

    看了编程手册关于MPU的使用仍然一头雾水,还是不知道如何配置MPU中的tex,C,B,S位 MPU_InitStruct.IsBufferable
    发表于 03-25 06:05

    次平台开发工程师的“热辣滚烫”:使用流程

    hello,我是名平台开发工程师小王,近期了解到平台的开源版即将发布,有点小期待,不过
    的头像 发表于 02-26 11:44 456次阅读
    <b class='flag-5'>一</b>次平台<b class='flag-5'>开发</b>工程师的“热辣滚烫”:<b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>使用流程

    使用平台,如何让设备快速入云?

    hello~小伙伴们,今天聊聊使用平台,如何让设备快速入云,目前有4款设备需要逐步接入到
    的头像 发表于 01-16 14:29 355次阅读
    使用<b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>平台,如何让设备快速入云?

    使用平台如何让设备快速入云呢?

    今天聊聊使用平台,如何让设备快速入云,目前有4款设备需要逐步接入到
    的头像 发表于 01-13 15:14 554次阅读
    使用<b class='flag-5'>爱</b><b class='flag-5'>星</b><b class='flag-5'>物</b><b class='flag-5'>联</b>平台如何让设备快速入云呢?