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解决方案。

审核编辑 黄宇

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

    关注

    30

    文章

    4593

    浏览量

    67252
  • IOT
    IOT
    +关注

    关注

    186

    文章

    4041

    浏览量

    193908
收藏 人收藏

    评论

    相关推荐

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

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

    谷歌Chromebook引入徽标功能,支持网页快速安装PWA应用

    5 月 22 日报道,谷歌于近期的 I / O 2024 大会上发布了“Add to Chromebook”标记。该标记让开发者能够植入相应的 API 代码至其网页中,从而使得ChromeBook用户只需按下按钮即可快速安装各类
    的头像 发表于 05-22 11:10 153次阅读

    stm8s103无法禁用SWIM怎么办?

    的时候,示波器能看到跳变波形,这说明测试代码是没有问题的,我认为问题出在SWIM实际上没有禁用,导致PD1无法使用,但是如何解决这个问题呢,一头雾水,这个问题解决不了的话,我又要改板了,心痛心痛呀。下面
    发表于 05-11 07:54

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

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

    芯派 Pro 开发板试用体验】利用芯派 Pro部署USB摄像

    本文主要在芯派 Pro上连接USB摄像,为下篇的人体姿势AI识别提供图像。 、软件环境 ()操作系统 官方的Debian镜像,也没
    发表于 01-15 22:09

    芯派 Pro 开发板试用体验】开箱测试

    的各种纸盒包装结实很多。 打开后发现,其中包括开发板和电源。还有个口袋里面有个螺母,不知道什么用途,我现在把它安装在电源的接头上了,好像也不是特别合适。 开发板上的各种接口似乎都
    发表于 11-20 22:09

    哪位大佬能提供下中科微CSM32RV003单片机开发系统中gpio.h文件的中文解释,及用法

    初学南京中科微CSM32RV003单片机,对其庞大的h文件库和C文件库搞得一头雾水,即使有高手指点一二,也是很困难,但搞清了h文件库,C文件也就明白了,这些对入门的人来说算不了什么,但对初学者来说
    发表于 10-26 09:47

    PEM选型之不得不说的避坑指南

    PEM罗氏线圈的选择涉及很多方面。要选择线圈直径粗细、电流范围和带宽频率,还要选择线圈长度、导线长度、耐压。很多客户常常都是一头雾水对着参数一样的B和R型大呼不懂。
    的头像 发表于 09-01 11:31 374次阅读
    PEM选型之不得不说的避坑指南

    keil是怎么用的?编好的程序是如何下载到MS51FB9AE芯片里?

    到芯片里,步的讲解下,对新手有个触类旁通的作用,了解大致的个流程,不要像官网里快速开发
    发表于 08-30 07:06

    有奖活动 | 以代码之名,写出对Ta的

    七夕情人节到了,为了Ta, 你打算用什么方式表达? 是包包、鲜花、美酒、巧克力, 还是封充满爱意的短信? 在HarmonyOS,有群精致又机智的开发者们,他们#以
    发表于 08-22 17:18

    如何设置ARM开发板和ARM740T

    ARM740T卡(部件号KPI-0038A)是ARM开发板(HBI-0011B)的处理器子板。 本指南介绍如何设置ARM开发板和ARM740T卡。
    发表于 08-16 06:45

    面向万的应用框架的思考与探索

    的飞速发展促进了应用框架不断演进和变化。在万的新场景下,应用框架应该如何设计呢?华为终端开发框架首席架构师余枝强,在第届OpenHarmony技术峰会上给出了几点思考。 01►
    发表于 08-08 17:04

    一头公牛和一头母猪打三个字是啥?

    电子知识
    学习电子知识
    发布于 :2023年07月24日 21:37:55

    STM32/CPU地址映射的概念

    很多人对总线和地址映射的概念都是一头雾水,但是我们如果知道为何需要总线和地址映射,他们是在什么背景下被衍化出来的,自然而然对此概念就清清楚楚了。
    的头像 发表于 07-24 11:14 750次阅读
    STM32/CPU地址映射的概念

    LS3/5A的分频网络参数篇之低通滤波介绍

    初看35A电路图让人一头雾水,这与我们以往在教科书上的滤波网络电路有极大不同,低通部分像极了4阶Butterworth(巴特沃斯)滤波网络,但又明显不是4阶分频的特征,电感L1为何要并联电阻R1?
    的头像 发表于 07-11 16:17 3899次阅读
    LS3/5A的分频网络参数篇之低通滤波介绍