专注营销系统开发11年为企业开拓营销空间!

微信小程序工具|微信小程序开发|微信小程序制作平台-龙图应用【XcxIP.com】

多年微信小程序专业开发商
中国行业十佳诚信企业、质量、服务

全国咨询热线15321026642

新闻资讯

新闻资讯
当前位置:网站首页>新闻资讯

新手必看,微信小程序完整开发流程详解

发布时间:11-04来源:微信小程序工具|微信小程序开发|微信小程序制作平台-龙图应用【XcxIP.com】

打开微信,点开任何一个小程序,你可能觉得这东西挺简单,点两下就出来了。但真轮到自己动手做,才发现完全不是那么回事。注册账号、配置服务器、写代码、调样式、审核上线,每一步都能卡住一批新人。我见过太多人兴致勃勃地下载了开发者工具,然后对着空白的模拟器发呆半小时,不知道从哪里下手。这篇文章就想把这条路上的坑提前给你标出来,让你少走点弯路。

新手必看,微信小程序完整开发流程详解

第一步,你得先有个账号。别嫌麻烦,这个步骤绕不开。打开微信公众平台,选择“小程序”类型注册。这里有个细节容易忽略:邮箱不能是已经绑定过个人微信或公众号的,得用一个全新的。注册完还要做微信认证,个人主体的话,认证是免费的,但功能受限,比如不能开通微信支付。如果你是想做电商或者卖东西,那必须用企业主体,300块钱认证费省不掉。这些信息在注册流程里都有提示,但很多人不看,直接往下点,等后面发现功能开不了,再回头补材料,白白耽误好几天。

账号搞定以后,下载微信开发者工具。这玩意儿就是你的主战场,代码编写、预览调试、上传版本,全在这完成。安装的时候注意,选稳定版,别用开发版,开发版经常有bug,对新手极不友好。打开工具,用刚才注册的账号扫码登录,新建项目,填上你的AppID。这里有个小提示:如果你只是练手,可以选“测试号”,不用注册账号也能玩,但等你正式做项目,还是得用真实AppID,因为测试号没法上传审核,上线更是无从谈起。

接下来是项目结构。你新建完项目,会看到左边一列文件,什么pages、app.json、app.wxss。别慌,这些不是给你看的摆设。app.json是全局配置,决定你的小程序有哪些页面、窗口长什么样、底部导航栏怎么排。pages文件夹里每个子文件夹代表一个页面,每个页面由四个文件组成:wxml负责结构,wxss负责样式,js负责逻辑,json负责页面配置。新手最容易犯的错就是把这几个文件搞混,在js里写标签,在wxml里写逻辑,结果报错报得莫名其妙。记住一句话:wxml管“是什么”,wxss管“长什么样”,js管“怎么动”。

然后就是写代码了。wxml跟HTML很像,但标签不一样,用的是view、text、image这些组件。wxss基本就是CSS,但有些属性不支持,比如position: fixed在部分安卓机上会有兼容问题。js用的是小程序自己的语法,封了一层API,比如wx.request用来发请求,wx.setStorage用来存本地数据。这时候你可能会觉得,这跟写网页没啥区别啊。但区别大了去了——小程序没有DOM,不能直接操作标签,所有数据更新靠this.setData。这个机制是新手的第一道坎,很多人写了个点击事件,数据改了,页面没反应,就是因为忘了setData。

页面写完,你得在开发者工具里预览。左侧是模拟器,能模拟大部分手机效果,但你别全信它。真机上的表现往往跟模拟器有出入,尤其是样式和网络请求这块。所以每写完一个功能,最好用手机扫码,在真机上跑一遍。工具里有“预览”按钮,扫码就能在手机上打开你的小程序,前提是你得把“开发环境不校验请求域名”这个选项勾上,不然请求会被拦下来。等你调试得差不多了,就点“上传”,把代码传到微信服务器上,这时候你需要在后台设置版本号,填一些版本说明,方便你以后追溯代码改动。

上传以后别急着高兴,真正的考验来了——审核。微信的审核机制,说严格也严格,说宽松也宽松。严格在于,它有一套明文规定,什么类目不能做,什么内容不能有,都有清单。宽松在于,只要你不碰红线,基本都能过。但有个坑你必须注意:如果你的小程序涉及社交、支付、直播等特殊类目,需要额外提交资质文件,比如营业执照、ICP备案、食品经营许可证之类。很多新手做的是电商小程序,以为只要有营业执照就行,结果审核被驳回,原因写着“涉及虚拟支付,需补充相关资质”,这时候才着急去办,又拖几天。

审核通过以后,你以为就完了?远着呢。小程序上线只是开始,后续的维护才是大头。微信会不定期更新接口,你用的某个API可能突然就废弃了,不更新代码,用户打开就会出现白屏。还有服务器费用,如果你用的是云开发,那按月付费,流量一大,账单蹭蹭往上涨。我认识一个做工具类小程序的朋友,上线三个月,用户没多少,服务器费用倒是花了两千多。所以,做小程序之前,先想清楚你的盈利模式,别光顾着写代码,变成用爱发电。

聊几句掏心窝的话。小程序开发的门槛,比你想的低,但也比你想的高。低在于,它不需要你懂原生开发,JavaScript、CSS会一点就能上手。高在于,它有一套自己的生态规则,你得花时间去适应。我建议新手从模仿开始,别一上来就憋大招。去微信开放社区或者GitHub上找几个开源的小程序项目,把代码下载下来,拆开看,改着玩,比你看十篇教程都管用。等你能把一个项目的每个文件都讲清楚是干嘛的,再动手做自己的产品,那时候你会发现,原来那些看起来很难的东西,不过是纸老虎。开发流程这个东西,说白了就八个字:多看、多写、多改、多问。别怕错,错着错着,你就会了。

分享到:0 用手机看
新手必看,微信小程序完整开发流程详解

拍下二维码,信息随身看

试试用手机扫一扫,
在你手机上继续观看此页面。