淘客宝网站备案号如何弄,合肥免费做网站,泌阳专业网站建设,设计一个自己的电商网站【本文正在参与2021爱智先行者-征文大赛活动】#xff0c;活动链接#xff1a;https://bbs.csdn.net/topics/602601454 欢迎关注 『Python小白的项目实战』 系列#xff0c;持续更新 2021爱智先行者—#xff08;1#xff09;开箱点评 2021爱智先行者—#…【本文正在参与2021爱智先行者-征文大赛活动】活动链接https://bbs.csdn.net/topics/602601454 欢迎关注 『Python小白的项目实战』 系列持续更新 2021爱智先行者—1开箱点评 2021爱智先行者—2零基础APP开发实例 1. 前言
爱智系统EdgerOS和爱智设备 Spirit 1“精灵一号” 边缘计算机的使用和开发非常方便目前文档、模板、教程、视频也已经比较丰富和详细了。
我指导一位大二学生在阅读相关资料的基础上进行开发环境搭建基于模板创建和部署 Demo 应用。这个练习比较简单但其中仍然遇到了不少小问题。
问题出在这些文档、教程由于按照某个主题编写往往会略过了相关的必需步骤。虽然这些必需步骤可能是本领域的基础知识而且在其它文档中也有说明但对于小白来说这就已经是迈不过去的坎了。曾经沧海难为水大神不识小白苦。
有鉴于此本文以未安装工具软件的计算机、未激活的爱智设备为例实战解说零基础小白的爱智开发过程。Step by step不漏过一个细节你也能实现零基础轻松上手爱智开发。
本文参考了
1爱智官网相关文档主要是爱智官网—应用开发—指南—起步(https://www.edgeros.com/edgeros/guide/start/overview.html)
2爱智官方视频主要是
《2021爱智先行者系列课第一讲—初识爱智》(https://www.bilibili.com/video/BV1aq4y1G7xG)《EdgerOS 应用程序开发-第一课应用开发快速入门》(https://www.bilibili.com/video/BV1aq4y1G7xG) 2. 准备工作
2.1 硬件准备
计算机笔记本电脑Win7 操作系统尚未安装工具软件手机安卓系统手机华为 Mate10爱智设备边缘计算机 Spirit 1尚未激活。路由器华为 A2 路由器已连接宽带网络 2.2 爱智设备连接和激活
智能边缘计算机 Spirit 1 搭载了爱智操作系统 EdgerOS是 EdgerOS 的载体。
按照 智能边缘计算机 Spirit 1《安装指南》进行设备安装和激活。安装指南写的很详细
1爱智设备连接 可以通过网线连接爱智设备与现有路由器将爱智设备作为路由器的扩展网络设备也可以将设备直接与入户宽带网口连接将爱智设备作为路由器使用。 对于零基础小白推荐将爱智设备连接路由器。搞不定了或者练习完成后关掉爱智设备拔出连接网线不会影响原有网络设置。
2下载爱智 APP
对于安卓系统手机直接从应用商店搜索“爱智”下载和安装 “爱智APP” 即可。对于 iOS 系统手机下载和安装 “爱智 APP” 后还要安装 EdgerOS 安全证书详见《安装指南》。
3激活爱智设备
打开手机 Wifi 开关发现并连接到爱智设备的 Wifi 网络 “EOS-000xxx”。打开 “爱智APP” 按照《安装指南》操作发现设备进行网络设置、注册设备、注册登录、设置设备密码就可以完成爱智设备 Spirit 1 的激活。已激活的设备通过激活时设置的密码即可进入爱智页面。 注意事项
爱智设备 Spirit 1 使用中需要始终连接宽带网口或路由器以接入网络不能断开互联网网络连接。爱智设备断开互联网也可以运行但本文中的 APP 开发部署等功能无法操作。在 APP 开发部署过程中往往需要手机、计算机连接到爱智设备 Wifi 网络 “EOS-000xxx”而不是原有路由器的 Wifi 网络。手机 安装 “爱智APP” 时遇到开通会员和交会员费的步骤可以免费试用一个月。按照系统说明开通会员才能支持远程连接。 2.3 计算机安装开发软件
2.3.1 安装 Node.js
JavaScript 是一门编程语言Node.js 就是运行在服务端的 JavaScript。
Node.js 可以从中文官网http://nodejs.cn/ 下载。注意最新版本的 Node.js 并不支持 Win7 操作系统可以选择 node-v12.18.0-x64 及以前的版本。
1下载 node-v12.18.0-x64 并安装。
2 推荐修改安装路径到 D: 盘如安装到 D:\nodejs 目录。
3 验证安装是否成功
Win “R” 唤出“快速打开”运行框输入 cmd 进入控制台输入 node –v输出 node.js 版本信息输入 npm –v输出 npm 版本信息
如图所示正常输出 node.js、npm 版本信息说明 node.js 安装成功。 3 修改全局依赖包下载路径
在 D:\nodejs 新建目录 “D:\nodejs\node_global”全局包下载目录“D:\nodejs\node_cache”缓存目录输入 cmd 进入控制台在控制台执行 npm config set prefix “D:\nodejs\node_global” npm config set cache “D:\nodejs\node_cache” 4设置环境变量
选择计算机属性高级系统设置环境变量编辑修改环境变量
在用户变量 PATH 中增加 npm 全局安装插件路径。将默认路径 “C:\Users\xxx\AppData\Roaming\npm” 修改为 “D:\nodejs\node_global\”。在系统变量中新建 [NODE_PATH]。变量名NODE_PATH变量值D:\nodejs\node_global\node_modules。关机后重新开机启动。
5安装 express 插件
快速运行框输入 cmd 进入控制台在控制台执行 npm install express -g 6安装测试
快速运行框输入 cmd 进入控制台切换到 nodejs 安装目录后执行 node d: cd nodejs node 进入 node 工具的控制台执行 require(‘express’) 没有报错输出 express 的相关信息表明 node.js 已经安装配置成功。 2.3.2 安装 VSCode
VSCodeVisual Studio Code是免费开源的现代化轻量级代码编辑器支持几乎所有主流的开发语言内置命令行工具和 Git 版本控制系统支持插件扩展并针对网页开发和云端应用开发做了优化是优秀的远程开发工具。 VSCode 跨平台支持 Win、Mac 以及 Linux支持调试 Node.js 程序。
1下载 VSCodeUserSetup-x64-1.62.2 并安装。
2推荐修改安装路径到 D: 盘如安装到 D:\VSCode 目录。
3安装中文插件包。
启动 VSCode按 Ctrl Shift P 打开命令调试板输入“Configure Display Language”将语言配置选项修改为zh-cn。点击 “扩展” 按钮进入 VSCode 应用商店搜索并安装中文插件包在搜索框中输入“Language Packs”选择中文简体安装。重启 VSCode推荐关机后重新开机启动。 2.4 开发工具配置
在 VSCode 安装 EdgerOS 扩展插件。 EdgerOS 扩展插件可供开发者在爱智设备上打包上传安装和更新爱智应用并向开发者提供爱智应用开发模板。
1启动 VSCode点击 “扩展” 按钮进入 VSCode 应用商店下载并安装 EdgerOS 扩展插件插件 ID 为 edgeros.edgeros。 2PC 端安装 EdgerOS 安全证书详见EdgerOS官网PC 端安装 EdgerOS 安全证书。注意该网页包括 MacOS 系统和 Windows 系统的安装指南请根据自己的系统选择相应部分操作。
下载根证书https://cacerts.edgeros.com/edgeros_root.crt导入根证书证书存储时选择 “将所有的证书放入下列存储”浏览选择 “受信任的根证书颁发机构” 验证根证书计算机连接爱智设备的无线网络 “EOS-000xxx”使用浏览器打开 https://192.168.128.1 可以进入 EdgerOS 登录页面并查看安全证书。
3登录 EdgerOS 系统
使用浏览器打开 https://192.168.128.1进入 EdgerOS 登录页面。输入手机号码获取验证码登录 EdgerOS 系统PC 端登录后页面如下 注意事项
PC 端登录的页面虽然与手机 APP 登录界面的风格类似但其功能和权限是不同的。PC 端面向开发者具有启动设置、隐私设置、用户设置等系统设置权限。 3. 创建应用
3.1 加载项目模板库
1启动 VSCode从资源管理器选择 EdgerOS点击按键 ”创建项目”。
2进入项目模板库选择刷新模板信息。这时可能找不到项目模板或者找到的项目模板很少不要着急请往下看。 3修改模板源打开 VSCode 左下方的管理按钮点击设置用户扩展 EdgerOS Template Source将模板源从 Github 切换为 Gitee。 4再次刷新模板信息自动加载项目模板现在就找出了很多项目模板。 3.2 使用模板创建项目
1选择项目模板 Simple这是最小实现的 EdgerOS APP 应用模板只包含必需组件。
2点击 ”立即应用”打开项目描述菜单。 3填写模板参数填写完成后点击 “立即创建” 按键即可创建项目。
项目名称项目的工程文件名称例如test包名软件包名称例如com.example.myapp项目描述简要说明项目用途例如test project保存路径项目在本地保存路径默认路径可以自行修改版本号应用的版本号0.0.1不需要修改提供商 ID开发者 ID本地开发可以填写 00000提供商名称开发者 ID 对应的用户名填写开发者注册的用户名提供商邮箱开发者的邮箱必须填写提供商手机开发者的手机号可以不填其他项在新窗口打开项目是否在新的 VScode 窗口打开项目
注意事项
开发者 ID 需要从开发者网站的个人信息查询获取本地开发可以填写 00000。 3.3 修改项目文件
创建项目后会在项目目录下生成一个文件夹文件夹名称为项目名称作为项目根目录。
文件夹中已经包含了项目配置文件与示例页面的初始代码项目根目录主要结构如下
├── assets 资源文件夹
├── routers 路由信息
├── public 静态页面文件
├── views 模板页面
├── eslintrc.json eslint 配置文件
├── edgeros.json edgeros 应用配置文件
├── main.js 程序入口
├── jsconfig.json 代码补全配置文件
└── package.json 依赖包的管理其中 package.json 中的内容就是我们刚才填写的模板参数。
即使对项目模板不做任何修改也可以部署和发布应用。
本案例对 public 目录下的 index.html 进行 “最小实现” 的修改以示区别以供测试
htmlbody stylebackground: #fff;Hello EdgerOS!/bodybrbody stylebackground: #fff;Tested by youcansxupt/body
/html修改文件后不要忘了保存。。。 4. 部署应用
1开启开发模式
计算机连接爱智设备的无线网络 “EOS-000xxx”。PC 端在浏览器打开 https://192.168.128.1 使用开发者 ID 密码登录 EdgerOS 系统。开启开发模式获取开发密码点击 设置开发模式打开开发模式开关复制开发密码。 2添加设备
在 VS Code 左侧菜单中单击 EDGEROS选择设备管理添加设备。在添加设备窗口窗口填写添加设备信息 设备IP192.168.128.1设备名称EdgerEOS自行定义开发密码xxxxxx上段打开开发模式所复制的开发密码
3部署应用 在 VS Code 左侧菜单中 EDGEROS设备管理设备名称 后面有两个小图标按钮如下图所示。 点击第一个图标按钮 “安装 EdgerOS APP”应用自动打包发布至设备桌面在设备桌面可以看到爱智应用的桌面图标和应用名称 “test”。 5. 访问应用 在 PC 端的设备桌面点击爱智应用 “test”可以访问应用。 在手机端的爱智APP首页点击爱智应用 “test”也可以访问应用爱智应用 “test”。
test 运行结果如上图所示显示两行字符 “Hello EdgerOS! Tested by youcansxupt”这就是我们修改 index.html 的结果。 6. 总结
至此我们就完成了爱智应用的开发环境搭建和测试例程的创建和部署。 虽然准备工作比较繁琐但创建应用和部署、发布其实很简单虽然只是一个测试例程。 小白在创建应用时遇到各种问题其实很多都是准备工作中的问题。在创建应用时报错一下子很难搞清问题出在哪里。即便向熟手请教对方也不容易想到小白在准备阶段中会搞出什么样的问题。 本文对准备工作和例程创建部署的步骤都写的很详细小白同学只要一步步细心地做下来就可以顺利完成这个练习和测试。
什么还是有问题
请检查 PC 和手机的 Wifi 网络是否连接到爱智设备的无线网络 “EOS-000xxx”。由于原有路由器仍然在工作中PC 和手机的 Wifi 网络可能自动连接到原有路由器断开了与爱智设备的无线网络的连接。如果修改项目文件对应用重新进行部署需要再次开启开发模式以获取开发密码才能重新对应用进行打包发布。没有重新获取开发密码直接打包发布系统将会报错。
这个测试项目很简单啊爱智设备和应用到底都能干什么呢我们下周接着再聊这个话题。 【本节完】 【本文正在参与2021爱智先行者-征文大赛活动】活动链接https://bbs.csdn.net/topics/602601454
Copyright 2021 youcans, XUPT
Crated2021-11-20 欢迎关注 『Python小白的项目实战』 系列持续更新 2021爱智先行者—1开箱点评 2021爱智先行者—2零基础APP开发实例
