〔统软云简介〕教您如何从零开始使用模块和多终端组件

开发平台可实现iOS、Android、小程序等多种应用的快速开发。使用模块和多终端组件可以大大提高开发效率并节省开发时间。

本文将详细介绍多终端组件的使用，以帮助开发人员更好地使用该平台。

1、 本机模块使用教程

原生模块是指由Android和iOS原生开发语言封装的功能模块。可以使用js调用封装的模块。

（1） 添加模块

进入统软云控制台，找到模块库，然后搜索要使用的模块。

单击“+”添加

（2） 编译自定义加载器，下载并安装到手机

自定义加载器是一个Android或iOS安装包，也是我们开发和调试的运行环境。修改代码后，使用开发工具Studio 3的WiFi同步功能将代码同步到自定义加载器，以查看修改后的代码的运行效果。如下图所示，单击自定义加载器导航，单击[Compile Android custom loader]按钮或[Compile iOS custom loader]按钮进行编译。编译完成后，用手机扫描二维码，下载并安装到手机上。

（3） 根据模块文档编写调用模块的代码。

在使用模块之前，您必须仔细阅读模块文档，尤其是查看模块是否支持Android和iOS。一些模块封装了第三方平台的SDK，如Evoque Push模块。使用此类模块时，您不仅应阅读模块文档，还应阅读Evoque官方文档。

以UIButton模块为例，打开编辑器，在页面上编写代码，调用UIButton模块的开放接口。

如何使用编辑器签出项目，创建新项目，提交或更新代码。本文没有介绍它，但您可以在统软云官方网站上查看Studio 3文档进行学习。

（4） 使用Studio 3 WiFi同步功能将代码同步到自定义加载器，以查看代码运行效果。

如下图所示，点击真机同步快捷键，点击【通过Wi-Fi连接新设备】，弹出二维码、IP地址和端口号。

打开手机上的定制加载器，点击浅灰色圆圈，弹出如下界面。点击扫描，扫描上图中的二维码并自动连接。或者手动输入IP地址和端口号，然后单击连接。连接成功后，灰色圆圈变为绿色。

右键单击开发工具项目的根目录，然后选择WiFi synchronization full命令以将代码同步到自定义加载器。（请注意，手机上的自定义加载程序必须处于打开状态，并且不能回退到后台。）

操作效果如下图所示：可以看到页面上已经显示了按钮模块的效果。

其他预防措施：

（1） 如果需要在config中使用，则appkey以xml配置，或者res目录中需要配置文件。在这两种情况下，配置代码后，首先提交代码，然后编译自定义加载器，这样这些配置项就可以生效。

（2） 打开接口的fixedOn参数指定模块所在页面的名称。如果通过错误，则不会显示模块。

2、 H5模块教程

H5模块是指用HTML、CSS和JS语言开发的模块。因此，此类模块需要下载模块源代码并在页面中引用它。

解压缩下载的代码包：

Set将基本Js复制到项目脚本目录并导入到页面中，如下图所示：

WiFi同步后，运行效果如下：

3、 使用多端组件的教程

多终端组件指的是使用avm。js开发的组件通常同时兼容Android、iOS、applet和H5。具体支持取决于每个组件的文档。

您还需要组件来下载源代码，将其复制到项目中，并在页面上导入相关组件。注意，多终端开发模式使用语法类似于vue的stml页面。当openFrame或openWin时，avm参数为true，可以打开stml页面。

替换a-button由于a-button stml依赖于a-icon stml索引，因此stml页面被复制到项目的components目录。js吐司。Js，所以这些文件也放在components目录中。阅读自述文件Md，您可以查看a-bu