微信小程序实现lot开发01 学习微信小程序 helloworld

2024-04-14 21:51:19

最近走进一个新项目的任务里，主要的任务是实现用微信小程序利用websocket使用mqtt协议走网络控制继电器（其实在生活中这个技术已经普及了，我们用的充电桩扫码充电，我们学校里的饮水机扫码接水以及我们的扫码实现对家具的电源控制，智能自习室，智能家居等等都是lot开发的产物，大多是软件控制的，但是开发软件的成本比微信小程序高好多倍，所以学习微信小程序实现lot开发是必须的，也是市场红利的技能），这个也算是我这个java后端程序员的能力盲区了，所以需要从头学习微信小程序与mqtt协议这些之前没有学过的新技术。

今天先学习使用微信开发者工具创建一个新的微信小程序，建立一个按钮，并给它添加事件，由于我是根据之前学习前端的学习思路来走的，所以对于一些新的知识点都会记录下来，以便于像我一样的小白学习。之前我学习过安卓app开发，学的xml文件的书写与布局，其实与前端的书写格式差不多，代码的编程习惯也有相同之处，今天接触的微信小程序的开发其实差不多。

安装WX开发者工具

首先进入微信公众平台：

登录之后会看到菜单栏，选择开发者工具就会显示开发者工具下载：

按照自己电脑的配置选择适合的开发者工具，下载安装好之后就可以创建小程序demo了。

创建新的WX小程序

自己搭建的话就这样选就可以，不使用官方或者其他平台提供的模板：

我微搭的一个小程序测试demo：（与html的开发差不多，这个其实也是有html之类的标签树，css，js而且它们的作用也差不多，我们在按钮上加入bindtap测试一下简单的事件，函数名我定为：conlose）

使用WX开发者文档查询按钮

这里是微信官方文档，专门为学习微信小程序开发的程序员提供的帮助文档：

给按钮添加简单的点击事件

这就是在js文件里对这个我们自定义的函数进行补充，console是内置对象，与JavaScript里的一样！不过我没有系统的学完JavaScript，所以也就了解一点，毕竟是做java后端开发的，懂一点是必须的。

这个时候编译测试一下，点击按钮之后调试器就会出现这个语句了。

是不是很简单？慢慢来，我还要跟着学习lot与微信小程序之间的因缘际会。

微信小程序实现lot开发01 学习微信小程序 helloworld相关推荐

微信公众号订阅号开发的学习（二）：获取用户发送的消息、简单的自动回复、自定义菜单
获取用户发送的消息基础微信服务器会发送两种类型的消息给开发者服务器. get请求验证服务器的有效性 post请求微信服务器会将用户发送的数据转发到开发者服务器上实现基于微信公众号订阅号开发 ...
微信小程序-常用API开发技巧学习笔记
常用API开发技巧学习笔记第一章认识微信小程序前后端分离的开发方式小程序的特点小程序对开发者的影响学习小程序需要的基础第二章小程序环境搭建与开发工具介绍小程序开发环境没有小程序号对 ...
angularjs全栈开发知乎_1-4【微信小程序全栈开发课程】原生小程序框架介绍
1.打开小程序目录打开微信开发者工具,我们上一节新建的项目,我圈出来的这个地方就是小程序的目录结构(如果你那里没有显示,可以点击左上方的编辑器来显示) 2.原生小程序框架介绍给大家画了一张图,重要 ...
大型程序是如何开发的_大型小程序如何研发提效
作者:王梦君微信公众号:滴滴顺风车技术出处:https://mp.weixin.qq.com/s/M1VArJ_ORY-eXSKzD6ysQw 导读: 自2016年小程序诞生以来,小程序以其&qu ...
微信公众号三方平台开发【代微信公众号接收消息事件并响应】
今天要讲的是代微信公众号接收消息并进行回复,这里要用到的就是咱们之前在微信公众号三方平台开发[帐号注册.平台创建]里写到的"公众号消息与事件接收URL",在接收的目标方法里,我们首 ...
小目标检测：基于深度学习的小目标检测方法
基于深度学习的小目标检测方法小目标检测的难点:分辨率低.信息少,噪音多.图像模糊解决方法:图像金字塔.特征金字塔.对包含小目标的图像进行oversampling.对小目标进行复制粘贴操作(不遮挡原 ...
object picker 微信小程序_第三天学习微信小程序开发总结
今天主要学习布局,组件,一个例子组件API https://developers.weixin.qq.com/miniprogram/dev/component/ 把所有组件一个个看一遍. 布局:f ...
image 微信小程序flex_第三天学习微信小程序开发总结
今天主要学习布局,组件,一个例子组件API https://developers.weixin.qq.com/miniprogram/dev/component/ 把所有组件一个个看一遍. 布局:f ...
u8 api开发报类型不匹配错误_小程序云开发入门学习，小程序支付功能常见错误汇总及解决方案...
近期有比较多的同学反映,使用云开发调取微信支付时,老是提示订单不存在.今天就把这几天大家遇到的问题统一汇总到这里. 一,订单不存在的错误如下图所示的错误. 通常看到这个错误时,最好去看下上面看下,有 ...

最新文章

热门文章