自从微信说要新出一款新账号时,我就一直关注,最开始时还说是叫应用号,不过到推出时才官方定义出叫小程序。
一 什么是小程序?
小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。
1.产品理念:
用完即走
2.特性:
无须安装、触手可及、用完即走、无须卸载
3.定位:
体验比网站好,比下载APP更快捷
二 如何上手开发?
我们明白了微信小程序的产品理念、特性和定位,相信会为我们确定到底什么产品是更适合做小程序的,如果是为了继续积累客户、推广产品而做小程序,那么绝对是不符合小程序理念的。小程序开发的目的就是为了高效的去提高用户体验。
1.开放注册范围
需要知道,个人账户的公众号是无法进行注册开发的。目前就支持政府、企业、媒体、其他组织。
2.开发准备
3.开发
相信看完开发文档后,基本的入门开发一款小程序也不成问题了。不过有几点需要提一下:
1)微信小程序框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以让开发者可以方便的聚焦于数据与逻辑上。(MVVM模式的设计,和Vue的设计模式一样),所以这也就意味着我们得去掌握微信的这款框架和理解MVVM模式,进而去开发小程序。
2)当然框架也为开发者提供了一系列基础组件,开发者可以通过组合这些基础组件进行快速开发,而且这些组件自带一些功能与微信风格的样式。直接调用这些组件开发,快速了很多。
视图容器、基础内容、表单组件、导航、媒体组件、地图、画布、客服会话
github上直接有微信团队为小程序设计的WeUI,可以直接下载导入项目进行使用。
3)获取用户输入的组件,需要使用组件的属性bindchange将用户的输入内容同步到 AppService。
<input id="myInput" bindchange="bindChange" />
<checkbox id="myCheckbox" bindchange="bindChange" />
var inputContent = {}
Page({
data: {
inputContent: {}
},
bindChange: function(e) {
inputContent[e.currentTarget.id] = e.detail.value
}
})
4)微信小程序内的所有url请求都是https协议,所以如果有需要和服务器端进行响应时,服务器端需要配置加密认证,添加https的认证证书。
5)微信小程序为了提升体验流畅度,编译后的代码包大小需小于 1MB ,大于 1MB 的代码包将上传失败。
6)本地资源无法通过 css 获取。background-image
:可以使用网络图片,或者 base64
,或者使用<image/>
标签