Tuya MiniApp智能小程序开发 一个初学者的初体验

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
520world
Posts: 2

我家里的智能家居大多都是我平时基于涂鸦的零代码方案DIY的,都接入了涂鸦平台。最近闲暇时正在做一款墨水屏的小时钟,主要功能只是简单的显示时间和计时器两个功能!这款时钟本来就是规划好了要接入涂鸦的蓝牙模组,实现接入涂鸦生态!而涂鸦现成的面板中并没有特别合适的。

最近涂鸦正好组织了一次小程序开发大赛推广智能小程序,看到智能面板小程序的介绍之后,我决定提前熟悉一下智能小程序的开发,后续实现我的小时钟接入使用! :lol: :lol: :lol:

由于本人拖延症比较严重 :oops: ,硬件开发还没有完成,还处于墨水屏程序开发阶段,所以在小程序上投入的时间不太够,这次只能简单的改了几个图标(所以代码就不贴了。),主要把开发环境和流程都走了一遍。以下简述一下我开发的过程!

一、开发工具安装:直接按照开发者文档里面快速开始教程安装。首先在NodeJS官网:https://nodejs.org/en/download/prebuilt-installer
安装NodeJS版本,我安装的16.20.2,Visual Studio Code我原来就有安装,下载涂鸦开发工具Tuya MiniApp Tools安装,接着就是安装NVM,安装NVM的时候需要使用CURL命令,如果你的电脑提示没有Curl命令,需要自己上Crul官网下载安装包安装!最后安装Yarn!根据教程安装就行,并没有踩到什么坑!

二、创建产品:我的涂鸦开发平台已经有很多产品,这次准备用插座Demo,已经有设备了。

三、创建智能小程序:登录Mini APP开发平台,创建智能面板小程序,模板我选择了“电工单插件高级模板”。

四、正式开发:创建完本地Mini APP项目之后,Tuya MiniApp Tools会自动打开并编译,这一步反应会比较慢,也有可能是我的电脑配置比较差的原因,期间还无故Tuya MiniApp Tools自动退出了两次!此时注意要在左侧手机窗口上方要点击中间的账号图标,用智慧生活APP扫描二维码授权账号登录,还要点击中间的插件图标选择面板工具,然后关连好一个真实设备或者虚拟设备,之后才能开编译成功!否则会报错!

五、修改代码:基础小程序编译通过之后,点击右侧第一个图标在vscode打开,就可以看到整体小程序工程的所有文件,根据自己的需求开发!Vscode里面修改之后,可以随时切换到Tuya MiniApp Tools会实时显示你的修改效果!、

六、上传源码及发布小程序:开发过程中Tuya MiniApp Tools会即时显示小程序的效果,也可以使用远程真机调试和真机预览在手机上体验小程序的效果,开发完成后,点击右侧的上传源码直接把小程序上传到涂鸦!然后登录涂鸦小程序开发平台,将基础设置中的所有项目填写完整。在开发版本中,选择你刚刚上传的源码版本提交审核,审核通过之后就可以发布了!

以上是我这个初学者踩过的整个智能小程序开发的流程,有什么错漏还请各位大神多多指正!

再来说说感想:整个代码感觉和微信小程序非常类似,Vant Weapp可以直接引用,这个相当强大,让UI的开发容易了不少!只是涂鸦的小程序开发工具Tuya MiniApp Tools功能还不是太完美,跟微信开发工具还不能比,如果能集成IDE不用在VScode和涂鸦工具之间来回切换就更方便了!面且涂鸦工具还会老是莫名的崩溃(也有可能是我电脑配置太差的原因)这点也需要时间改进。还有插件里面的AI功能,希望可以加入直接生成代码的能力那对初学者来说就更友好了!

本帖允许随意转载!!! :geek:


Tags:
User avatar
智能小程序管理员
Posts: 66

Re: Tuya MiniApp智能小程序开发 一个初学者的初体验

棒棒哒

智能小程序开发者
Posts: 202

Re: Tuya MiniApp智能小程序开发 一个初学者的初体验

👏🏻👏🏻👏🏻 你的反馈我们有收到哦 ! 继续努力 !!下次活动还来参加哦~

veraqiu
Posts: 2

Re: Tuya MiniApp智能小程序开发 一个初学者的初体验

666,感谢开发者小伙伴的真实反馈

User avatar
Muzzzhi
Posts: 87

Re: Tuya MiniApp智能小程序开发 一个初学者的初体验

加油加油,一起进步。

:geek: :ugeek: :mrgreen: :roll: :lol: :idea: :arrow: LGTM

Post Reply