关注分享主机优惠活动
国内外VPS云服务器

2021 Aizhi先驱 - (2)零基本应用程序开发示例(应用程序开发教程简介)

摘要:考虑到这一点,本文解释了Xiaobai的Aizhi开发过程的现实体验,使用计算机没有任何未被计算机激活的工具软件。 如果您与Internet断开连接,也可以运行AIZHI设备,但是本文中的开发和部署功能不可用。

[本文包括“ 2021 Aizhi条目-论文竞赛”和活动链接:https://bbs.csdn.net/topics/602601454。 AIZHI条目 - (2)基于零的应用程序开发的示例

1。 Prace

Aizhi进入系统(Edgeros)和Aizhi设备精神1(“ Elf No. 1”边缘计算机)的使用和开发非常方便。目前,深入有很多文档,模板,教程和视频。

指导二年级学生,基于阅读相关材料建立开发环境,并根据模板创建和部署演示应用程序。 此练习相对简单,但是仍然有很多小问题。

问题在于这些文档和教程是根据特定主题编写的,这通常涉及跳过所需的步骤。 这些必要的步骤可能是对这项艺术的基本知识,并在其他文档中进行了解释,但是对于初学者来说,这已经是无法克服的障碍。 曾几何时,伟大的上帝不认识新生儿的痛苦。

考虑到这一点,本文不使用AIZHI设备作为示例来说明Xiaobai在AIZHI开发过程中使用未安装工具软件的计算机在AIZHI开发过程中的实践经验。 逐步允许您在没有基础的情况下轻松启动Aizhi开发,而不会缺少任何细节。

本文引用了:

(1)AIZHI官方网站的相关文档,主要是:Aizhi官方网站 - 应用程序开发 - 指南 - 启动 - start(https:https:https:https://www.edgeros.com/edgeros/guide/start/overview.html)

(2)Aizhi官方视频,主要是:

”在2021 Aizhi认知系列课程 - 首次知识aizhi aizhi aizhi”(https://wwwwwwwwwww.bilibibimibibim.com extrypent) 1:应用程序开发的快速启动”(https://www.bilibili.com/video/bv1aq4y1g7xg)手机,Android Systems手机,Huawei Mate10; Aizhi设备; Edge Computer Spirit 1尚未激活。通过连接智能计算机精神1,并配备了埃格罗斯(Edgeros)的Aizhi操作系统Edgeros,根据Smart Edge Computer Spirit 1“安装指南”。路由器。 APP:

直接从应用程序商店搜索“ AIZHI”,并安装“ Aizhi App”,您需要下载并安装“ Aizhi App”。 Aizhi设备“ EOS - 000XXX”请按照ZHI应用程序“安装指南”找到您的设备,配置网络,注册设备,注册设备,注册您的登录名,并设置设备密码以完成您的AIZHI设备Spirit 1激活。

注意:

aizhi设备精神1始终连接到宽带网络端口或路由器以访问网络,并且无法断开Internet网络的连接。 (尽管AIZHI设备与Internet断开连接,但本文中的应用程序开发和部署功能也无法正常运行。)在应用程序开发和部署过程中,通常需要手机和计算机连接到AIZHI设备WiFi网络“ EOS [k4 k4 000xxx),而不是原始的ROUTER网络。如果您遇到在手机上安装“ Aizhi应用程序”的步骤,请激活会员资格并支付会员资格,请免费尝试一个月。远程连接只能通过按照系统的说明和激活成员身份来支持。 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)下载并安装节点- v12.18.0 - x64。

(2)如果在d:/nodejs目录中安装,我们建议将安装路径更改为d:磁盘。

(3)检查安装是否成功。 节点–v,输入输出node.js版本信息。 输入NPM –V,输出NPM版本信息。

如图所示,Node.js和NPM版本的信息显示了Node.js已成功安装。

(3) Change the download path for the global dependency package:

Create a new directory with d:/nodejs "d:/nodejs/node_global" (global package download directory), enter cmd "d:/nodejs/node_cache" (cache directory) to run in the console and run in the console "d:/nodejs/node_global" npm config set cache “ d:/nodejs/node_cache”

(4)设置环境变量:

选择>>高级系统设置>>高级系统设置>>修改环境变量,编辑和环境变量:

npm npm全局路径更改默认路径“ c:/xxx/xxx/appdaTA/appdata/appdaTA/appdata/appdata/appdata/appdata/appdata aping/appdata a” “ d:/nodejs/node_global/”。 在系统变量中创建一个新的[node_path]。 变量名:node_path,变量值:d:/nodejs/node_global/node_modules。 关闭后,重新启动计算机。

(5)安装Express插件:

在CMD中输入Express Box,然后输入控制台并在控制台上运行。 nodejs节点

输入节点工具控制台并运行:

require('express')

尚未报告过错误,输出相关的快递信息,表明node.js已安装和配置正确。

2.3.2 vscode

vscode(安装Visual Studio代码))最新的,免费和开源的轻量级代码编辑器几乎支持所有主流开发语言,结合了命令行工具和GIT版本控制系统,支持插件扩展,并针对Web和Cloud Application开发进行了优化。这是一个出色的远程开发工具。 VSCODE在整个平台上支持Win,Mac和Linux,并支持调试Node.js程序。

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

(2)建议将安装路径更改为d:磁盘,例如在d:/vscode目录中安装。

(3)安装中文插件包。

启动VSCODE,按CTRL+SHIFT+P打开命令调试板,输入“显示语言配置”,然后将语言配置选项更改为“ ZH - CN”。 单击“扩展”按钮输入VSCODE应用程序商店,搜索并安装中文插件软件包,在搜索框中输入“语言包”,然后选择中文(简化)安装。 建议在关闭后重新启动VSCODE。 2.4配置开发工具

在VSCODE中安装Edgeros扩展插件。 Edgeros扩展插件允许开发人员在Aizhi设备上打包,上传,安装和更新AIZHI应用程序,并为开发人员提供AIZHI应用程序开发模板。

(1)启动VSCODE,单击“扩展”按钮输入VSCODE应用程序商店,然后下载并安装Edgeros Extension插件。插件ID是Edgeos.edgeros。

(2)在PC上安装Edgeros安全证书。 Edgeros官方网站:请在PC上安装Edgeros安全证书。 请注意,此网页包含用于MACOS和Windows系统的安装指南。根据您的系统,选择操作的相应部分。

下载根证书(https://cacerts.edgeros.com/edgeros_root)。CRT)导入根证书。保存证书后,选择在下一个存储中输入所有证书,浏览可信赖的根证书特权,然后选择p>

(3)登录到Edgeros System

打开https://192.168.128.1使用浏览器并输入Edgeros登录页面。 输入手机号码,获取验证代码,登录到Edgeros系统并登录到PC之后,页面如下:

预防措施:

您登录到PC端的页面类似于PC Side,与移动应用程序登录接口的样式,其功能和存在性。 PC END针对开发人员,并包括系统设置,例如启动设置,隐私设置和用户设置。

3。创建一个应用程序负载3.1项目模板库

(1)启动VSCODE,从Explorer中选择Edgeros,然后单击键“创建项目”。

(2)输入项目模板库,然后选择“更新模板”信息。 目前,您可能无法找到项目模板。或不用担心,因为发现了项目模板很少。请阅读。

(3)更改模板源,然后在VSCODE左下方打开“管理”按钮。

(4)我已经重新升级了模板信息并自动加载了项目模板,并找到了许多项目模板。

使用3.2模板创建一个项目

(1)选择一个项目模板。这是仅包含所需组件的Edgeros应用程序应用程序模板的最小实现。

(2)单击“立即应用”以打开“项目描述”菜单。

(3)输入后,填写模板参数。单击创建按钮以创建项目。

Project name: project file name, for example: test package name: software package name, for example: com.example.myapp Project description: Briefly explain the purpose of the project, for example: test project save path: project save path locally, default path, version number can be modified by yourself: application version number, 0.0.1, no need to modify provider ID: developer ID (local development can be filled in 00000) Provider name: developer ID corresponding user name, fill in the在开发人员提供商中注册的用户名电子邮件:开发人员电子邮件必须在提供商的手机上输入。无法输入开发人员手机号码或其他项目。在新窗口中打开一个项目,是否打开新的Vscode窗口

预防措施:

必须从开发人员的网站获得开发人员ID。 3.3修改项目文件

创建项目时,将生成一个文件夹作为项目根目录(文件夹名称为项目名称)。

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

├··是唯一的资源文件夹。 。 。 package.json依赖关系软件包管理

package.json的内容是嵌入式模板参数。

您可以部署和发布应用程序,而无需修改项目模板。

此案例适用于公共目录index.html做出了“最小实现”更改,显示了测试的差异:

Hello Edgeros! 修改YouCans@xupt

测试的文件后,不要忘记保存。 。 。

4。部署应用程序

(1)打开开发模式。

计算机连接到Aizhi设备“ EOS - 000XXX”的无线网络。 在浏览器的PC侧打开https://192.168.128.1,并使用开发人员ID密码登录到Edgeros系统。 打开开发模式并获取开发密码。单击设置>开发模式,打开开发模式开关并复制开发密码。

(2)添加设备:

vs单击代码左侧的菜单中的edgeros,然后选择设备管理>“添加设备”。 在“添加设备”窗口中输入有关该设备的其他信息。设备IP:192.168.128.1DEVICE名称:Edgereos(自定义)开发密码:XXXXXX(在上一节中通过打开开发模式复制开发密码)

(3)应用程序部署:

图。

单击第一个图标按钮“安装Edgeros应用程序”,该应用程序将自动打包并发布到设备桌面上。 AIZHI应用程序和应用程序名称的桌面图标将显示在设备桌面上。

5。访问应用程序

单击PC上设备桌面上的测试以访问应用程序。

在移动终端中的Aizhi App主页上,单击“测试”以访问Aizhi应用程序。

执行结果显示了两个字符,如上图所示。 “由Hello Edgeros进行测试!YouCans@Xupt。”这是index.html变化的结果。

6。总结

此时,我会做您已经完成了建立开发环境,并为AIZHI应用程序创建和部署测试例程。

准备任务很乏味,但是创建,部署和发布应用程序实际上很容易,但它们只是测试例程。

xiaobai在编写应用程序时遇到了各种问题,其中许多是准备问题。 在编写应用程序时,很难知道问题所在。 即使您向熟练的人寻求建议,另一方也不会轻易考虑小拜在准备阶段遇到的问题。

本文提供了有关如何创建和部署预备任务和例程的详细说明。只要您逐步进行,请小心,您就可以成功完成此练习和测试。

有什么问题?

检查您的PC和手机WiFi网络是否连接到您的AIZHI设备“ EOS - 000XXX”的无线网络。 原始路由器仍在工作,因此您的PC上的WiFi网络和手机可以从AIZHI设备上断开无线网络,并自动连接到原始路由器。 如果要通过修改项目文件来重新部署应用程序,则必须再次打开开发模式才能在重新包装和发布应用程序之前获取开发密码。 如果未重新撤回开发密码,它将直接打包并发布,并且该系统将报告错误。

这个测试项目非常简单。 Aizhi设备和应用程序可以做什么? 让我们下周继续谈论这个话题。

在本节中]

[本文参与了2021年Aizhi先驱-论文竞赛活动。 2021 - 11 - 20

我们欢迎遵循“ Python Nevice Project实用”系列。

未经允许不得转载:主机频道 » 2021 Aizhi先驱 - (2)零基本应用程序开发示例(应用程序开发教程简介)

相关推荐

评论 抢沙发

评论前必须登录!