模板户:专注于dede模板,织梦源码,织梦模板,网站模板,dedecms模板,网站源码,dedecms教程以及各类手机网站模板和企业网站模板分享.

织梦模板

VIP

CMS教程

站长学院

随机织梦教程

最新织梦教程

织梦模板随机Tags

关键词排名 原创 用户体验 玩具外贸网站源码 关键词优化 搜索引擎 汽车配件织梦模板 网站title 太阳能光伏网站源码 网站 财务会计网站源码 餐饮管理织梦模板 餐饮加盟网站源码 关键词 汽车润滑油网站源码 蜘蛛 优化 织梦伪静态 高亮 个人网站

【实战】物联网开发者眼中的微信小程序!(附完整Demo源码!)

www.mobanhu.com / 2019-01-03 08:49:09
青莲云

微信应用号,也就是小程序,终于922日晚上开始内测了,并向外发出200个小程序内测邀请函,最为骚动的无疑是开发者和创业者。随之而来的是各种关于小程序的新闻,朋友圈也是被微信小程序刷屏了。


微信小程序都能干些什么?

1


微信应用号-小程序功能介绍


视图容器:视图(View)、滚动视图、Swiper

基础内容:图标、文本、进度条

表单组件:按钮、表单等等

操作反馈

导航

媒体组建:音频、图片、视频。

地图

画布

文件操作能力

网络:上传下载能力、WebSocket

数据:数据缓存能力

位置:获取位置、查看位置

设备:网络状态、系统信息、重力感应、罗盘

界面:设置导航条、导航、动画、绘图等等

开放接口:登录,包括签名加密,用户信息、微信支付、模板消息


2

 

微信小程序平台特色


应用号目前的称呼是微信小程序,而不是之前讨论广泛的应用号;接口和框架包括:视图、内容、按钮、导航、多媒体、网络能力、罗盘、重力感应、画板等。


有了这个框架和丰富的组件,小程序的启动和运行速度将可以和原生 APP 媲美。能实现的功能也将被纯网页的服务号要多得多;小程序开发后,不能直接发布,需要经过审核,类似 App Store


小程序是一种不需要下载安装即可使用的应用,它实现了应用触手可及的梦想,用户扫一扫或者搜一下即可打开应用。也体现了用完即走的理念,用户不用关心是否安装太多应用的问题。应用将无处不在,随时可用,但又无需安装卸载。


说了这么多,我们该进入今天的核心部分了,厉害的东西来了,让我们一起通过微信小程序的开发工具,在本地尝试一下这个新鲜的东西吧。

 

1.下载微信小程序工具

百度 https://pan.baidu.com/s/1pLTKIqJ (密码: iswg


2.替换文件进行破解

地址在这里:https://github.com/gavinkwoe/weapp-ide-crack


3.创建项目,开始小程序探索之旅


4.进入项目


5.点击编辑,可以看到生成项目的基本目录结构


目录结构以及文件介绍:

文件            必需                作用

app.js                             小程序逻辑

app.json                         小程序公共设置

app.wxss                        小程序公共样式


一个页面由四个文件组成分别是

文件类型      必需                 作用

Wxml                                页面结构

Wxss                                页面也是表

Json                                 页面配置

Js                                     页面逻辑

 

到此一个demo项目就搭建完毕的,我们也对这个小程序有了初步认识,是不是觉得不过瘾,没关系,再送你们一个文档的地址,仔细研究下,这个微信小程序就不再那么神秘了。


文档地址:

http://wxopen.notedown.cn/framework/structure.html

还有一个,体验小程序地址:

http://wxopen.notedown.cn/demo/demo.zip

下载解压后,通过添加项目导入,体验更为全面的微信小程序的各种功能。




这样一来,可以根据你的想象力,在本地完成一个属于你的微信小程序了。

 

3


微信小程序控制智能插座


我们青莲云也在探索,基于这个微信小程序,是否可以做出更易用的操控智能设备的软件来,这样通过连接我们的青莲云,更加方便的操控你所拥有的智能设备。


假如你是一个硬件开发者,想通过app来操控你的硬件设备,但你开发app又感觉很困难,不防试试通过微信小程序,前提是你的设备要接入青莲云,接入文档在这里:

http://doc.qinglianyun.com/11_zhu_ce_qing_lian_yun_zhang_hao.html


例如我们可以实现通过微信小程序控制一个已经接入青莲云的智能插座。即点击页面的开关来控制智能插座

 

首先,新增一个device的界面,目录结构如下


 

1、device.wxml编写视图的页面,简单的实现一个页面,分别用到<view><image> <text>标签,搭建这个页面的结构


2、为视图添加样式,设置了背景颜色,为两张图片设置了宽高


 

3、得到以下页面




4、逻辑层的实现(监听点击事件,通过青莲云api下发指令到智能插座,实现对插座的开关)app.json文件中添加新增device页面的配置




 


5、智能插座连接云端


5.1  智能插座基于esp8266的模组,烧录了青莲云的SDK,通过微信的airkiss配置联网,联网后云端自动完成注册认证。


5.2  在青莲云官网创建产品。


5.3  为产品添加功能点。


5.4  开通联动功能。这样就可以通过API来控制插座了。


6、点击测试,进入device页面,通过点击开关就可以控制智能插座的开关了。



以上,就是一个通过微信小程序控制智能插座的小例子,我们还可以通过微信小程序的websocket来和青莲云建立一个双向的消息通道,这样就可以接收设备的消息,下发命令给设备,实现更多的可能了。

 

青莲云

青莲云是国内领先的智能硬件后端云平台,同时也是入选安创空间(ARM中国孵化器)的首批创业公司之一。


硬件制造企业无需进行复杂的后端逻辑编程,使用青莲云提供的嵌入式SDK即可快速拥有全链路加密通信、设备动态密钥、硬件开放API、实时/离线双向消息推送、自定义OTA、设备管理、大数据分析等诸多后端功能,并且提供一站式智能硬件精品整包方案。




联系我们

企业QQ:800186618

商务合作:biz@qinglianyun.com

咨询反馈:help@qinglianyun.com

开发者服务:dev@qinglianyun.com

通讯地址:北京市海淀区成府路45-1号智造大街F座2层205-206室


长按识别二维码更多精彩

    发送中

    本文由AB模板网:织梦模板整理发布, 转载请说明出处:https://www.mobanhu.com
    随机站长资讯
    高级精美的家私企业网站源码 家私家纺类网
    农业绿色生态水果企业dede源码
    驾校类企业网站源码 驾校网站模板
    绿色LED灯管类织梦源码 照明企业网站模板
    蓝色通用织梦博客模板 资讯文章类网站源码
    红色大气装饰公司织梦源码 建筑装修装潢企
    网站建设企业模板 互联网网络营销类网站源
    html5响应式手机自适应网站模板(兼容手机
    黑色HTML5工作室网络公司网站整站模板(适
    简洁大气网站建设网络设计类企业织梦模板
    html5+css3高端网站建设工作室源码 酷炫的h
    红灰色大气网络工作室织梦模板
    织梦dedecms幻灯片模糊解决办法
    织梦dedecms巧用标签实现图片自动Alt功能,
    织梦dedecms文章列表循环标签增加notypeid
    织梦dedecms专题模板应用分析及使用案例
    dedecms织梦让二级栏目标题去除“/”斜杠和
    关于出现“对不起,您安装的不是正版应用..
    Discuz(Can not write to cache files)有关
    Discuz通过修改文章标题更好的实现SEO的方
    DiscuzX中存在不合法的文件被上传的修复方
    关于Discuz x3.1页面空白解决方法
    通用营销工业机械展示型企业织梦模板 电子
    简洁外贸公司电子科技产品网站源码 白色织
    蓝色大气的通信类电子科技企业通用网站源码
    娱乐多媒体类企业公司织梦模板 娱乐设备网
    高端大气数码产品电子类企业源码模板
    高级精美的家私企业网站源码 家私家纺类网
    农业绿色生态水果企业dede源码
    驾校类企业网站源码 驾校网站模板
    绿色LED灯管类织梦源码 照明企业网站模板
    蓝色通用织梦博客模板 资讯文章类网站源码
    红色大气装饰公司织梦源码 建筑装修装潢企
    网站建设企业模板 互联网网络营销类网站源
    html5响应式手机自适应网站模板(兼容手机
    黑色HTML5工作室网络公司网站整站模板(适
    简洁大气网站建设网络设计类企业织梦模板
    html5+css3高端网站建设工作室源码 酷炫的h
    红灰色大气网络工作室织梦模板
    织梦dedecms幻灯片模糊解决办法
    织梦dedecms巧用标签实现图片自动Alt功能,
    织梦dedecms文章列表循环标签增加notypeid
    织梦dedecms专题模板应用分析及使用案例
    dedecms织梦让二级栏目标题去除“/”斜杠和
    最新站长资讯
    高级精美的家私企业网站源码 家私家纺类网
    农业绿色生态水果企业dede源码
    驾校类企业网站源码 驾校网站模板
    绿色LED灯管类织梦源码 照明企业网站模板
    蓝色通用织梦博客模板 资讯文章类网站源码
    红色大气装饰公司织梦源码 建筑装修装潢企
    网站建设企业模板 互联网网络营销类网站源
    html5响应式手机自适应网站模板(兼容手机
    黑色HTML5工作室网络公司网站整站模板(适
    简洁大气网站建设网络设计类企业织梦模板
    html5+css3高端网站建设工作室源码 酷炫的h
    红灰色大气网络工作室织梦模板
    织梦dedecms幻灯片模糊解决办法
    织梦dedecms巧用标签实现图片自动Alt功能,
    织梦dedecms文章列表循环标签增加notypeid
    织梦dedecms专题模板应用分析及使用案例
    dedecms织梦让二级栏目标题去除“/”斜杠和
    关于出现“对不起,您安装的不是正版应用..
    Discuz(Can not write to cache files)有关
    Discuz通过修改文章标题更好的实现SEO的方
    DiscuzX中存在不合法的文件被上传的修复方
    关于Discuz x3.1页面空白解决方法
    通用营销工业机械展示型企业织梦模板 电子
    简洁外贸公司电子科技产品网站源码 白色织
    蓝色大气的通信类电子科技企业通用网站源码
    娱乐多媒体类企业公司织梦模板 娱乐设备网
    高端大气数码产品电子类企业源码模板
    高级精美的家私企业网站源码 家私家纺类网
    农业绿色生态水果企业dede源码
    驾校类企业网站源码 驾校网站模板
    绿色LED灯管类织梦源码 照明企业网站模板
    蓝色通用织梦博客模板 资讯文章类网站源码
    红色大气装饰公司织梦源码 建筑装修装潢企
    网站建设企业模板 互联网网络营销类网站源
    html5响应式手机自适应网站模板(兼容手机
    黑色HTML5工作室网络公司网站整站模板(适
    简洁大气网站建设网络设计类企业织梦模板
    html5+css3高端网站建设工作室源码 酷炫的h
    红灰色大气网络工作室织梦模板
    织梦dedecms幻灯片模糊解决办法
    织梦dedecms巧用标签实现图片自动Alt功能,
    织梦dedecms文章列表循环标签增加notypeid
    织梦dedecms专题模板应用分析及使用案例
    dedecms织梦让二级栏目标题去除“/”斜杠和
    关于出现“对不起,您安装的不是正版应用..
    Discuz(Can not write to cache files)有关
    Discuz通过修改文章标题更好的实现SEO的方
    DiscuzX中存在不合法的文件被上传的修复方
    关于Discuz x3.1页面空白解决方法
    首页 免费源码 VIP专区 会员中心
    收缩