Uni app开发钉钉小程序

最近，我接触到了小程序的开发。我通过网课学习了微信小程序的开发，并实施了一个小演示。然而，这个开发是一个固定的小程序。考虑到未来的扩展，我决定在审查了集中式技术堆栈之后，用Uniapp开发它，然后将其编译成固定的小程序。将来迁移到其他平台要容易得多

1、 相关文档连接

1、 uniapp：

2.Hbuilder开发工具：

3、 Vue值：

4、 u视图：

5.编制和分发：

6.导入图标字体图标：

7.柔性布局：

8、 萨斯：

2、 开发技术栈简介

小程序是使用uniapp作为框架开发的。uniapp使用vue+小程序的标签和API的语法。整个体系结构是使用uniapp构建的。UI框架是使用uView开发的。uView是uniapp生态系统中最优秀的UI框架，提供丰富的UI组件。uView是使用vue语法开发的，引入了iconfont来管理项目中的图标，并提高了页面渲染性能。sass是uniapp默认支持的css扩展语言，变量可用于存储全局配置的颜色和其他信息

3、 Hbuilder开发工具下载

转到Hbuilder下载页面下载开发工具。请务必下载App开发版本。App开发版本集成了相关插件，可以现成使用

下载后，您可以使用Hbuilder打开uniapp项目。uniapp项目的目录与微信小程序的开发目录一致。官方uniapp文档中描述了相关说明

4、 操作配置说明

{

“uniApp”：{

“脚本”：{

“mp dingtalk”：{

“标题”：“钉钉小程序”，

“环境”：{

“UNI_PLATFORM”：“mp支付宝”

},

“定义”：{

“MP-DINGTALK”：真

}

}

}

}

}

项目包的配置。json文件如上述代码所示（gitlib中的代码已配置，因此不需要配置）

配置完成后，正在运行的钉钉小程序将显示在Hbuilder中，如下所示

单击Run Nail Applet后，Hbuilder会将uniapp项目编译为钉钉下的程序，并将其放置在相应的文件目录中，然后自动打开钉钉小程序开发工具，但您需要配置钉钉小App开发工具路径。配置方法如下：选择运行配置

设置钉钉小程序开发工具路径

5、 通过Hbuilder将uniapp项目编译为指甲小程序

1.选择uniapp项目并运行钉钉小程序

2.编译成功后，指甲小程序开发工具将自动打开。编译过程将在控制台中打印，包括指甲小程序所在的文件目录以及如何使用指甲小程序开发工具打开它

3.在钉钉小程序中打开钉钉小App

在开发过程中，Hbuilder中的文件将在钉钉小程序中自动编译和修改。它是一个热更新，不需要重复运行