微微信信小小程程序序实实现现树树莓莓派派 ((raspberry pi))小小车车控控制制
本文是基于上一篇“ 网页版树莓派小车控制程序”改造而成。 要也练习了一下微信小程序的开发。这里简单记录一下 要代码片
段。也是趟过了许多的坑,例如:微信小程序不支持完全全屏,微信小程序不能横屏展示。所以开发过程中也用了一些非常手段
。可以说这只是一个很基本的demo ,所以里面很多东西,比如摄像头监控ip、页面元素定位我都使用了写死的值。特别是界面
,我只是在iPhone 6上面做的实验,所以换到其他手机上时,界面就会变型了。
1. 基基本本思思路路
进入小程序时展示index页,可以让用户输入服务端url (模拟上一篇中在浏览器获取get请求)
然后跳转到实际的小车控制界面,并可以通过点击按钮实现小车控制
控制小车的移动, 要是在control.j s中定义了界面按钮事件的响应,在响应事件的过程中实现http请求的发送
index页面如下:
进去之后的页面如下 (其中中间空白处会展示摄像头监控,不过我并没有启动,所以看不见):
2. 代代码码结结构构如下:
其中,index下面是首页,control是控制页面,res 目录下存放的是图片资源
3. index 目目录录
index .j s
1 //index.js
2 //获取应用实例
3 const app = getApp()
4
5 Page(
6 data:
7 logo: "/res