小程序开发者工具(IDE)用户可以前往下载

2021-04-18
来源:网络整理

1、小程序简介

小程序是无需下载和安装即可使用的应用程序。它实现了“触手可及”的应用程序梦想。用户可以扫描或搜索以打开应用程序。它还体现了“使用和使用”的概念,用户无需担心是否安装了太多的应用程序。应用程序将随处可见并且随时可用,但无需安装或卸载。

对于开发人员而言,小程序开发的门槛相对较低,并且难度不如APP。它可以满足简单的基本应用,并且适合于生命线下线商店和非刚性低频应用的转换。对于用户而言,可以节省时间成本和手机存储空间;对于开发人员来说,它还可以节省开发和促销费用。

因此,我们选择小型程序作为HaaS生态系统的客户端应用程序,以帮助用户以最低的开发成本快速通过云链接。

2、小程序开发工具(IDE)

用户可以下载小程序开发者工具(本文使用的版本为1. 1 7. 4)。除支付宝小程序和叮叮小程序外,该工具还支持移动淘宝和天猫向导开发各种软件版本的小程序,例如高德小程序。

创建一个空白项目

创建后的界面如下:

我们打开侧边栏,在//.axml中编辑代码并保存文件,您可以在模拟器中看到它

HelloWorld!

但是还没有结束,我们尝试单击真实的设备以在右上角进行调试,预览或上传,然后出现提示“关联应用程序”。

事实证明,在开发小程序之前,我们需要转到相应的平台来申请小程序。它是每个小程序的唯一标识符。只有有了它,才能在真实计算机上运行。

3、支付宝迷你计划应用程序

在“关联的应用程序”窗口中单击小三角形,单击“创建小程序”钉钉小程序页面开发,然后进入支付宝开放平台。单击标题栏中的“控制面板”。

在控制面板中,单击“创建应用程序”-“小程序”

填写必要的信息以完成创建。

创建完成后,您可以将新创建​​的应用程序关联到开发人员工具的左上角,然后单击“在真实设备上调试”,该将自动显示在手机。

3. 1、真实计算机运行结果

4、叮叮小程序应用

为了使用 Mini 进行开发,我们首先需要将IDE开发模式切换为 Mini 。单击左上角,然后选择“管理”。

选择“顶顶”小程序,然后单击“确定”。

再次单击左上角,可以看到在待选列表中有应用程序选项。在这里,我们选择内部企业应用程序。

微信小程序页面返回_微信小程序页面初始化_钉钉小程序页面开发

在“选择关联的企业内部应用程序”中,选择“创建内部企业应用程序”。

单击右上角的“注册企业”(这实际上是在此处创建的虚拟小程序开发组,在应用程序中将有一个其他同名聊天组,您可以在其中加入其他成员该组),根据提示完成注册。

转到“应用程序开发”页面,选择“内部开发”和“小程序”,然后单击“创建应用程序”。

填写相应的小程序信息。

小程序的创建完成。

这时,在IDE中,您可以看到刚刚创建的小程序,并且可以在真实计算机上对其进行调试。

5、 HaaS云钉集成开发

本章介绍如何使用SDK开发 。首先是下载HaaS 开发SDK。

5. 1、集成了 Nail小程序SDK

git clone -b dev_3.1.0_haas https://github.com/alibaba/AliOS-Things.git

与SDK相关的代码和操作位于//目录中。

5. 2、 SDK目录结构

微信小程序页面返回_钉钉小程序页面开发_微信小程序页面初始化

/ ├─ lib (存放依赖库的文件夹,用户无需关心) │    ├─ @alicloud/pop-core     (https://github.com/aliyun/openapi-core-nodejs-sdk) │    ├─ kitx │    └─ iot-packet.js              (封装给用户的文件) ├─ pages                              (页面文件夹,用户在这里自定义页面,示例持续更新中) │    └─ index                        (首页 选择进入不同示例)  │             ├─ index.axml          │             ├─ index.js            │             ├─ index.acss  │             └─ index.json  │    └─ HaasCar                    (示例1 HaaS小小蛮驴) │             ├─ HaasCar.axml    (页面布局文件) │             ├─ HaasCar.js        (控制逻辑,用户在这里定义交互行为) │             ├─ HaasCar.acss    (页面样式) │             ├─ HaasCar.json      (页面配置,用于配置页面标题等) │             └─ HaasCar.TSL.json (示例对应的TSL文件,用户可以在物联网平台上导入该文件生成物模型) │    └─ HaasFlower              (示例2 HaaS养花,目录结构同 HaasCar) ├─ app.js                            (注册小程序,在这里进行全局参数配置,如 AccessKey) ├─ app.acss                         (小程序全局样式) ├─ app.json                         (小程序全局配置,可以在这里设置小程序打开的默认页面) └─ others

5. 3、 SDK使用

使用开发工具打开该项目。

// app.js let accessKey = { accessKeyId: '<- accessKeyId ->', // 填入阿里云物联网平台生成的 assessKeyId 以及 Secret accessKeySecret: '<- accessKeySecret ->', } // HaasCar.js let device = { DeviceName: '<- DeviceName ->', // 填入目标设备 DeviceName 以及 ProductKey ProductKey: '<- ProductKey ->' }

代码中提到了几个关键参数:

云帐户是用户访问阿里云API的关键。 ()

为了安全起见,我们可以采取创建RAM子帐户来分隔权限的形式。

创建完成后,您需要手动分配权限,单击右侧的添加权限。我直接在这里选择。添加完成后,如下所示。

这两个参数是在创建设备时生成的。

5. 4、编译验证

单击小程序IDE右上角的“在真实机器上调试”按钮,等待QR代码生成,然后使用叮叮APP扫描代码以启动小程序。

此时,完整的小程序已完全运行,并且可以与阿里云IoT平台进行交互。 HaaS实例小程序将分步进行一系列共享,敬请关注。谢谢

6、开发人员技术支持

分享