18年沉淀高端建站经验
为企业持续赋能品牌新价值
今年六月有个开烘焙店的客户说想自己做小程序,问从哪开始。他学了两周 JavaScript,装好了微信开发者工具,新建项目时卡在模板选择上,原生,uni-app,还有一堆低代码平台,不知道该点哪个。
如何开发微信小程序,**步就落在技术路线上,这一步选错,后面要改的代价不小。技术路线决定了你能用什么组件,页面怎么组织,将来要不要推倒重来。这篇按三条路线讲清楚各自的边界,再往下说页面结构和数据来源怎么定。
**条是原生开发,用微信自己的 WXML 加 WXSS 和 JS 写,官方支持最完整,能用到的能力最多。第二条是跨端框架,uni-app 和 Taro 这类,一套代码编译到微信,支付宝,抖音几个平台。第三条是低代码平台,拖拽组件拼页面,后台配置数据。
三条路线没有谁一定更好,看你的项目要跑多久,要覆盖几个平台。
WXML 负责结构,写法接近 HTML,标签换成 view 和 text 这些。WXSS 负责样式,基本是 CSS,多了一个 rpx 单位,按屏幕宽度自适应。JS 负责逻辑,页面生命周期和数据绑定都在这里。最后一样是微信开放的接口,登录,支付,位置,这些要按官方文档调。
这四样里前面三样上手快,卡人的是接口部分。微信登录要拿 code 换 openid,支付要后端签名,这两处必须配服务器,纯前端做不完。
一个项目要同时上微信小程序,支付宝小程序和抖音小程序,跨端框架能省下三分之二的重复劳动。团队里写 Vue 的人多,uni-app 上手会快一些;写 React 的选 Taro 更顺。
代价有两处。框架本身有版本,微信基础库也在更新,两边偶发不兼容,升级时可能要等框架方出补丁。还有一些平台特有的能力,框架封装不到,要写条件编译单独处理。
只做微信小程序一个端的项目,我一般不推跨端框架。多一层编译就多一层排查成本,省下的那点工作量抵不上。
展示型的站用低代码挺合适,几个页面,图文排版,加一个表单,两天能上线。平台提供模板和后台,改文字换图片自己就能做。
涉及交易,库存,会员等级,或者要和已有的 ERP 打通,低代码平台多数撑不住。表单字段是固定的,流程是固定的,你要改一处逻辑,平台只能回复等排期。
还有一层要提前想清楚。低代码平台上的数据存在平台侧,将来想搬走,导出的字段往往不全。这个问题和自助建站平台一样,只是发生在小程序上。
底部 tabBar 最少两个,最多五个,超过五个微信不给通过。多数项目用三到四个,首页,分类,购物车,我的,这种四 tab 结构用户不用学就会用。
页面跳转要注意层级。小程序维护一个页面栈,最多十层,超过十层之后的跳转会失效。详情页跳详情页再跳详情页的链式结构,用户点十次就走不动了。设计的时候把层级压到三层以内,从任意详情页回首页应该一步可达。
四步里第三步卡的时间最长。微信支付要企业主体,要有商户号,证书要后端配置,整个流程顺利的话三到五个工作日,材料不齐会拖到两周。开发小程序店铺的步骤里,这一步应该**启动,不要等页面做完才开始跑。
商品建模这步也别急着写代码。SKU 怎么拆,一个商品多规格还是多商品单规格,这个定错了后面订单表和库存表都要返工。
直播间涉及实时音视频,推流,拉流,弹幕,还有内容审核。自己从零搭,光是延迟和卡顿的优化就要投进去几周,做完还不一定稳。
微信有官方的直播组件,满足条件的小程序可以申请接入。不满足条件的,市面上有成熟的第三方服务按年付费。这两种方式的成本都比自研低。
还有一层是资质。直播涉及的内容审核要求比普通电商高,自研方案过不了内容安全检测,上线前会被打回。如何开发直播小程序这个问题的答案,多数时候是找现成的服务接进去。
微信云开发把数据库,存储和云函数打包在一起,不用买服务器,开通就能用。项目小,团队里没有后端,选云开发能省掉一整块工作。
已经有一套业务系统,数据要和其他渠道打通,就该走自有接口。小程序只做前端,数据从自己的服务器拿,这样库存和订单能和 ERP 对上。
| 对比项 | 微信云开发 | 自有接口 |
|---|---|---|
| 起步速度 | 开通就能用 | 要先配服务器和域名 |
| 前期投入 | 按量计费,起步低 | 服务器按年付费 |
| 和其他系统联动 | 打通困难 | 能和 ERP 对上 |
| 维护责任 | 平台负责 | 自己打补丁做备份 |
| 适合项目 | 单端小项目 | 已有业务系统 |
判断标准很清楚,看数据要不要和其他系统共享。要共享就走自有接口,只在小程序内部用才适合云开发。
有 JavaScript 基础的人,从零到能独立做一个带列表和详情的小程序,大概两到三个月。没有编程基础的,先补一个月 JS 和 HTML 的基本概念,再加三个月。
学习顺序建议这样排。**周装开发者工具,跑通官方给的示例项目,熟悉预览和调试面板。接下来一个月写页面,把布局,列表渲染,事件绑定练熟。之后进入接口部分,登录,上传,支付一个一个过。最后花两周做一个完整项目走一遍提审。
官方文档要看,但别从头读到尾。用到哪一块读哪一块,配合开发者社区里的案例,效率比通读高。如何自学小程序开发这件事,最怕的是把文档读完再动手,多数人读到第三章就放弃了。
模拟器里跑通不等于真机能跑。真机上常见的问题是字体大小,安全区适配,还有授权弹窗的位置。每次提交之前至少在两台不同屏幕尺寸的手机上过一遍。
提审是第二个时间口子。微信审核一般一到七个工作日,**次提交被打回的概率不低,常见原因有三个。
提交前把测试账号和密码填在备注里,能省掉一轮来回。
第三处是版本管理。小程序有开发版,体验版和正式版三个环境,数据要分开。开发阶段用体验版给客户看,别把开发版链接发出去,那个版本随时会被覆盖掉。
涉及支付和会员数据的项目,自己写要承担的安全责任太重。客户的支付信息,订单记录,这些一旦出问题,后果比省下的开发费严重得多。
时间紧的也别自己试。一个完整的商城小程序从零做到能上线,全职投入也要六到八周,业余时间做会拖到三四个月。错过旺季的机会成本,通常高于外包费用。深圳市场上的小程序商城定制开发公开参考区间在两万到八万,这是深圳市场公开参考区间,并非本站报价。
预算有限的情况,可以自己做完原型和设计稿,把开发部分外包出去。这样既控制了成本,也不会因为技术细节卡住整个项目。小程序开发怎么做的完整流程,我们在里写过。能不能自己开发,另有一篇可以对照着算。商城的商品到支付链路,那篇讲得更细。
如需进一步沟通,可直接致电 13928418795。