首页 > PHP资讯 > 工具库 > 微信小程序开发遇到的那些坑

微信小程序开发遇到的那些坑

工具库

从内测到开启公测,微信小程序已然成为了IT领域最为火热的话题,除却不同类型应用的可能性探索之外,对于开发团队而言,最多的当属踩过的那些坑。


小程序为开发者提供了什么

什么是小程序

小程序是微信推出的一种新的公众号的形态,不需要下载安装,即可在微信中使用的应用。同时,需要注意的是,小程序、订阅号、服务号、企业号是并行的体系。

微信小程序 MINA 框架

小程序提供了一个框架,微信称之为“MINA”,这个框架主要分两个层面,视图层和逻辑层。框架的核心是一个响应的数据绑定系统。WXML 中的动态数据均来自对应 Page 的 data,这个数据绑定是单向的,只有数据发生变化,视图才会做出相应的调整。这种模式,让开发者专注于事件处理上,改变对象状态,实现视图更新。

微信提供了几个页面跳转的方式,redirectto、navigateto,还有返回。重点说这两个,redirectto会直接在原页面上打开新页面,navigateto会新开启一个页面。由于微信在页面数量上有限制,我们产品的层级有比较多,导致无法直接在app.json设置 Tab 栏。所以我们把 Tab 栏单独设计出来。点击 Tab 不开启新页面。在每个初级页面都引用进去,之后二级三级的页面上不使用 Tab 切换,而是需要返回到初级页面。

2. 树状结构的展示

这是一个非常难处理的问题,微信不支持 HTML 页面的展示,所以需要把所有 HTML 的标签转化成小程序内允许的标签。我们使用了一个名叫wxParse的应用,它的功能就是通过正则表达式将 HTML 页面转化成 JSON 形式,再用模板的方式展现出来。在这里面规定了各个标签的样式(WXSS)。遗憾的是它也有层级方面的问题,同样是重复写了很多完全一样的模板。

如果 HTML 的标签层级结构超出了模板个数,那么超出部分将无法显示出来。这个应用是在微信中运行的,建议大家把数据转化放在服务器端来进行,将转换后的数据发给小程序。另外小程序setData()一次不能超过1024K,如果你的 JSON 格式数据超过这个限制,就会很难再拼接。

4.冒泡事件

一个组件上的事件被触发后,该事件会向父节点传递,由此引起不必要的逻辑处理,对此,使用费冒泡事件处理。

5.网络请求接口wx.request()没有携带 Cookies

如果服务器端有通过获取 Cookies 处理的逻辑没办法和小程序结合,只能为小程序单独开发新的接口。

小程序在运营上的优势在于微信用户量大,适合推广,某些功能单一的 App 可以在小程序中实现,不用再下载 App。开发者不用考虑平台,开发成本低。但同时不适合开发逻辑复杂界面丰富的程序,受到框架限制,随意性小,无法满足所有功能。

工具库

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持38不支持0