2021爱智慧先锋——(二)零基础app开发实例(零基础APP开发)

有鉴于此，本文以没有工具软件的电脑不活跃的Ai Zhi装备为例，说明了零基础小白在实战中的Ai Zhi的开发过程。爱知设备在断网的情况下可以运行，但是本文中的开发、部署等功能无法操作。

【本文正在参加“2021爱知先锋-征文大赛”】，链接:https://bbs.csdn.net/topics/602601454.

欢迎关注“娴Python小白的项目实践”系列，持续更新爱智慧2021先锋——(1)爱智慧2021先锋开箱点评——(2)零基础APP开发实例。

1.前言EdgerOS和Spirit 1(“Elf-1”edge computer)的使用和开发非常方便，目前文档、模板、教程和视频都非常丰富和详细。

我指导一个大二的学生在阅读相关资料的基础上搭建开发环境，基于模板创建和部署演示应用。这个练习比较简单，但是还是有很多小问题。

问题是，这些根据某个主题编写的文档和教程经常会跳过必要的步骤。虽然这些必要的步骤可能是该领域的基本知识，并且它们也在其他文件中有所解释，但这对小白来说已经是不可逾越的障碍。曾经沧海难为水，大神不知苦。

鉴于此，本文以没有工具软件的电脑和不活跃的爱知装备为例，讲解零基础的小白的爱知在实战中的发展过程。循序渐进，不遗漏一个细节，也能实现零基础的轻松开发。

这一条提到:

(1)爱知官网相关文档，主要有:爱知官网-应用开发-指南-入门(https://www . edge ROS . com/edge ROS/Guide/start/overview . html)。

(2)爱知官方视频主要包括:

《爱智慧2021先锋系列第一讲——认识爱智慧》(https://www.bilibili.com/video/BV1aq4y1G7xG)《EdgerOS应用开发-第一课:应用开发快速入门》(https://www.bilibili.com/video/BV1aq4y1G7xG)2。准备2.1硬件准备电脑:笔记本电脑，Win7操作系统，工具和软件尚未安装；手机，安卓手机，华为Mate10；爱知设备，edge电脑精灵1，还没有激活。路由器，华为A2路由器，连接宽带网络2.2爱知设备连接与激活智能边缘电脑Spirit 1搭载爱知操作系统EdgerOS，是EdgerOS的载体。

根据智能边缘计算机Spirit 1的安装指南安装并激活设备。安装指南非常详细。

(1)爱知设备连接:爱知设备可以通过网线与现有路由器连接，爱知设备可以作为路由器的扩展网络设备；也可以将设备直接连接到家庭宽带网口，将爱知设备作为路由器使用。对于零基础的小白，建议将爱知设备连接到路由器。如果做不到，或者练习完成后，关闭爱知设备，拔掉连接网线，不会影响原来的网络设置。

(2)下载爱知APP:

安卓手机，从APP store搜索“爱知”，下载安装“爱知APP”即可。对于iOS手机，下载安装“爱知APP”后，还要安装EdgerOS安全证书。有关详细信息，请参见安装指南。(3)激活爱知设备:

打开手机的Wifi开关，发现并连接爱知设备的Wifi网络“EOS-000xxx”。打开“爱知APP”，按照安装指南，发现设备，设置网络，注册设备，登录并设置设备密码，即可完成爱知设备精灵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: disk，比如安装到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配置集前缀“D:/nodejs/node _ global”NPM配置集缓存“D”

(4)设置环境变量:

选择:计算机> >属性> >高级系统设置> >环境变量，然后编辑和修改环境变量:

在用户变量PATH中添加npm全局安装插件路径。将默认路径“c:/users/XXX/appdata/roaming/NPM”修改为“D:/nodejs/node_global/”。在系统变量中创建新的[节点路径]。变量名为NODE_PATH，变量值为d:/nodejs/NODE _ global/NODE _ modules。关机后重启。(5)安装快速插件:

在快速运行框中输入cmd进入控制台，并在控制台中执行:

npm快速安装-g

(6)安装测试

在快速运行框中输入cmd进入控制台，切换到nodejs的安装目录，执行node:

d: cd节点js节点

进入节点工具的控制台并执行:

要求(“快速”)

没有错误，输出express的相关信息，表示node.js已经安装配置成功。

2.3.2安装VSCode VSCode(Visual Studio Code)是一款免费开源的现代轻量级代码编辑器，支持几乎所有主流开发语言，内置命令行工具和Git版本控制系统，支持插件扩展，针对网页开发和云应用开发进行了优化。它是一个优秀的远程开发工具。VSCode支持跨平台Win、Mac、Linux，支持调试Node.js程序。

(1)下载VSCodeUserSetup-x64-1.62.2并安装。

(2)建议将安装路径修改为D: disk，比如安装到D:/VSCode目录。

(3)安装中文插件包。

启动VSCode，按Ctrl+Shift+P打开命令调试板，进入“配置显示语言”，将语言配置选项改为“zh-cn”。点击“展开”按钮进入VSCode应用商店，搜索并安装中文插件包，在搜索框中输入“语言包”，选择中文(简体)安装。重启VSCode，建议关机后重启。2.4开发工具配置在VSCode中安装EdgerOS扩展。EdgerOS extension允许开发者在爱知设备上打包、上传、安装和更新爱知应用，并为开发者提供爱知应用开发模板。

(1)启动VSCode，点击“扩展”按钮进入VSCode应用商店，下载安装EdgerOS扩展插件，插件ID为edgeros.edgeros

(2)在PC上安装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 >模板源，将模板源从Github切换到Gitee。

(4)再次刷新模板信息，自动加载项目模板，找出现在很多项目模板。

3.2使用模板创建项目(1)选择项目模板Simple，它是最小的EdgerOS APP应用模板，只包含必要的组件。

(2)点击“立即申请”打开项目描述菜单。

(3)填写模板参数，然后点击"立即创建"按钮创建项目。

项目名称:项目的项目文件名，例如:测试包名称:软件包名称，例如:com.example.myapp项目描述:简要描述项目的用途，例如:测试项目保存路径:项目的本地保存路径，默认路径，版本号:应用程序版本号，0.0.1，不需要修改提供者ID:开发者ID(本地开发者可以填写00000)，提供者名称:开发者ID对应的用户名，填写开发者注册的用户名。提供者邮箱:开发者邮箱，提供者手机号必须填写，其他项目可以不填:是否在新窗口打开项目。注意事项:

开发者ID需要从开发者网站的个人信息查询中获取(本地开发者可以填写00000)。3.3修改项目文件创建项目后，项目目录下会生成一个文件夹(文件夹名为项目名)作为项目的根目录。

该文件夹已经包含项目配置文件和示例页的初始代码。项目根目录的主要结构如下:

├──资产资源文件夹├──路由器路由信息├──公共静态页面文件├──视图模板页面├-eslinintc.jsonslint配置文件├.-edgeros.jsonedgeros应用程序配置文件├── main.js程序入口├── jsconfig.json代码完成配置文件└── package.json依赖包管理，其中package.json中的内容就是我们刚刚填写的模板参数。

即使项目模板没有被修改，应用程序也可以被部署和发布。

在这种情况下，公共目录中index.html的“最小实现”被修改以显示测试的差异:

你好，艾杰罗斯！修改完文件后，别忘了保存。。。

4.部署应用程序(1)启动开发模式:

电脑连接爱知设备的无线网络“EOS-000xxx”。在PC端，在浏览器中打开https://192.168.128.1，用开发者ID密码登录EdgerOS系统。打开开发模式，获取开发密码:点击设置>开发模式，打开开发模式开关，复制开发密码。

(2)添加设备:

点击VS代码左侧菜单中的EDGEROS，选择:设备管理>添加设备。在添加设备窗口填写添加设备信息:设备IP: 192.168.128.1设备名称:EdgerEOS(自定义)开发密码:xxxxxx(前段打开开发模式复制的开发密码)(3)部署应用:

VS代码左侧菜单中EDGEROS >设备管理>(设备名称)后面有两个小图标按钮，如下图所示。

点击第一个图标按钮“安装EdgerOS APP”，应用会自动打包发布到设备桌面。在设备桌面上，可以看到爱知应用的桌面图标和应用名称“test”。

5.在PC端访问应用程序的设备桌面。单击爱知应用程序“测试”以访问该应用程序。

在手机爱知App首页，点击爱知App“测试”，也可以访问爱知APP“测试”。

测试结果如上图所示，显示两行字符:“Hello EdgerOS！由youcans@xupt”测试，这是我们对index.html的修改结果。

6.综上所述，我们已经完成了爱知应用开发环境的搭建和测试例程的创建部署。

虽然准备工作比较复杂，但是创建一个应用，部署并发布它，虽然只是一个测试例程，但其实非常简单。

小白在创建应用程序时遇到了各种各样的问题，但事实上许多问题都是在准备阶段。当创建一个应用程序时，很难一下子发现问题出在哪里。即使你请专家，对方也不容易想到小白在准备阶段会有什么样的问题。

文中详细写了准备工作和例程创建部署的步骤。只要小白一步一步地认真做，他就能成功地完成这次练习和测试。

什么，还有问题吗？

请检查PC和手机的Wifi网络是否连接到爱知设备的无线网络“EOS-000xxx”。因为原路由器还在工作，PC和手机的Wifi网络可能会自动连接到原路由器，与爱知设备的无线网络连接断开。如果修改项目文件并重新部署应用程序，则需要再次打开开发模式以获取开发密码，然后才能重新打包和发布应用程序。如果没有重新获取开发密码，直接打包，系统会报错。这个测试项目非常简单。爱知设备和应用能做什么？下周我们继续讲这个话题。

[本节结束]

【本文正在参加“2021爱知先锋-征文大赛”】，链接:https://bbs.csdn.net/topics/602601454.

版权所有2021 youcans，XUPT

装箱数:2021-11-20

欢迎关注“娴Python小白的项目实践”系列，持续更新爱智慧2021先锋——(1)爱智慧2021先锋开箱点评——(2)零基础APP开发实例。