首页 > 微信应用开发公司 > 对微信小程序(微信应用号)开发的一些研究和理解

对微信小程序(微信应用号)开发的一些研究和理解

微信小程序(微信应用号因为苹果的原因改名为微信小程序)可谓是这几天最火的一个名词了,一经出现真是轰炸了整个开发人员,当然很多原生App开发人员有了一个担心,微信小程序的到来会不会给原生App带来一个寒冬,身为一个HTML开发者我是相信会来次地震。那么HTML前途是不是一片光明呢?

不管微信小程序是否能颠覆当今的开发格局,我们都要以好奇的心态去接收,去学习。不排斥新技术,所以,心动不如行动,先放一张Github上demo的动态图

对微信小程序(微信应用号)开发的一些研究和理解

微信小程序也给我们提供了开发工具、框架、组件、API,我简单的了解了一下,跟我想象的还是有些差距的。

首先,关于框架

小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。

框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。这个WXML看着还是有点别扭的,因为我们之前写的都是HTML,CSS也改成了WXSS,以及基于 JavaScript 的逻辑层框架。

框架 的核心是一个响应的数据绑定系统。整个系统分为两块视图层(View)和逻辑层(App Service)框架 可以让数据与视图保持同步非常简单。当做数据修改的时候,只需要在逻辑层修改数据,视图层就会做相应的更新。

对微信小程序(微信应用号)开发的一些研究和理解

这些都能克服掉,就是不知道会不会发扬光大尼~~~~我个人觉得应该会的,不要问我为啥。。。。。

其次,关于组件

框架为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发。这个就不多说了,大家都比我了解的还多,嘻嘻

再次,关于API

api还是感觉挺强大的,封装的也特实用,个人感觉比ajax好用呐,调个不同的接口,传个参数就阔以了,他给我们提供了各种接口,如下:

API列表:

网络 API 列表:

API说明
wx.request发起网络请求
wx.uploadFile上传文件
wx.downloadFile下载文件
wx.connectSocket创建 WebSocket 连接
wx.onSocketOpen监听 WebSocket 打开
wx.onSocketError监听 WebSocket 错误
wx.sendSocketMessage发送 WebSocket 消息
wx.onSocketMessage接受 WebSocket 消息
wx.closeSocket关闭 WebSocket 连接
wx.onSocketClose监听 WebSocket 关闭

媒体 API 列表:

API说明
wx.chooseImage从相册选择图片,或者拍照
wx.previewImage预览图片
wx.startRecord开始录音
wx.stopRecord结束录音
wx.playVoice播放语音
wx.pauseVoice暂停播放语音
wx.stopVoice结束播放语音
wx.getBackgroundAudioPlayerState获取音乐播放状态
wx.playBackgroundAudio播放音乐
wx.pauseBackgroundAudio暂停播放音乐
wx.seekBackgroundAudio控制音乐播放进度
wx.stopBackgroundAudio停止播放音乐
wx.onBackgroundAudioPlay监听音乐开始播放
wx.onBackgroundAudioPause监听音乐暂停
wx.onBackgroundAudioStop监听音乐结束
wx.chooseVideo从相册选择视频,或者拍摄
wx.saveFile保存文件

数据 API 列表:

API说明
wx.getStorage获取本地数据缓存
wx.setStorage设置本地数据缓存
wx.clearStorage清理本地数据缓存

位置 API 列表:

API说明
wx.getLocation获取当前位置
wx.openLocation打开内置地图

设备 API 列表:

API说明
wx.getNetworkType获取网络类型
wx.getSystemInfo获取系统信息
wx.onAccelerometerChange监听重力感应数据
wx.onCompassChange监听罗盘数据

界面 API 列表:

API说明
wx.setNavigationBarTitle设置当前页面标题
wx.showNavigationBarLoading显示导航条加载动画
wx.hideNavigationBarLoading隐藏导航条加载动画
wx.navigateTo新窗口打开页面
wx.redirectTo原窗口打开页面
wx.navigateBack退回上一个页面
wx.createAnimation动画
wx.createContext创建绘图上下文
wx.drawCanvas绘图
wx.hideKeyboard隐藏键盘
wx.stopPullDownRefresh停止下拉刷新动画

开放接口:

API说明
wx.login登录
wx.getUserInfo获取用户信息
wx.requestPayment发起微信支付

也能获取位置,还能打开内置地图

对微信小程序(微信应用号)开发的一些研究和理解

对于开发者来说,这可谓一大福利啊,爽的不要不要的,还有啥都使劲砸来,尽管放大招吧,期待中!

更多微信开发小程序分享敬请期待~~~~~~我的个人微信公众号(郭晓会),请关注我吧!让我们一起来交流。

,可以参考微信商城应用的资料,