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

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

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

全国咨询热线15321026642

新闻资讯

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

从零到一,开发微信小程序的全流程实战指南

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

去年夏天,我接了个私活,帮一家水果店做小程序。老板的要求很简单,能下单、能付款、能看配送进度。我心想这不简单吗,结果真上手才发现,从注册账号到代码上线,中间全是坑。今天我把这趟浑水蹚出来的经验整理成这份从零到一的全流程指南,你要是也想做小程序,照着走能少摔几个跟头。

从零到一,开发微信小程序的全流程实战指南

第一步,注册账号。别小看这一步,很多人卡在主体类型上。个人主体只能做工具类、生活服务类,想开支付接口做电商,必须用企业主体。我当时帮水果店老板注册,他营业执照还没办下来,硬是等了半个月。所以你要是准备做带交易功能的小程序,先去把营业执照搞定,个体工商户就行,不需要公司。注册地址是mp.weixin.,选小程序,然后按提示填邮箱、验证手机,一步要微信扫码认证,个人主体免费,企业主体要交300块认证费,这个钱省不掉。

账号搞定后,下载微信开发者工具。这里有个容易踩的坑,别去百度搜“微信开发者工具下载”,搜出来一堆广告,全是推广其他IDE的。直接进微信公众平台官网,在“开发”菜单下找到“开发者工具”,选稳定版下载。安装完打开,用刚才注册的账号扫码登录,新建项目时有个AppID,如果你还没申请到正式的,可以先选“测试号”,但测试号不能调用真机调试,也不能上传发布,所以建议还是先把AppID申请下来,在公众平台“开发设置”里能看到,一串以wx开头的数字和字母组合。

接下来是项目结构。小程序不像传统的网页,它强制要求用目录结构管理文件。pages文件夹里放每个页面,每个页面由四个文件组成:wxml(结构)、wxss(样式)、js(逻辑)、json(配置)。我刚学的时候总觉得这四个文件太繁琐,但写多了就发现,这种强迫症式的分离其实是保护你,页面简单时看不出差别,等页面多了,每个文件职责清晰,改起来不打架。另外还有个app.json,这是全局配置,底部导航栏、窗口颜色、页面路由都在这里设置。我建议你第一件事就是把app.json里的pages数组改成你自己的页面路径,不然默认有个index页面,你新增页面后如果没写进这个数组,编译会报错。

说到写代码,很多人一上来就想用框架,比如uni-app、Taro。我的建议是,如果你从来没接触过小程序,先老老实实用原生写一遍。原生的语法跟Vue有点像,但又不完全一样。数据绑定用双大括号,事件绑定用bindtap,循环用wx:for。还有那个setData,刚上手的人容易犯迷糊,直接给变量赋值是不生效的,必须通过setData更新到视图层。比如你写this. = '张三',界面不会变,得写this.setData({name: '张三'})。这个坑我踩了整整一下午,查文档才明白,小程序的逻辑层和视图层是分离的,setData就是它们之间的桥梁。

页面写完,要调接口。小程序有它自己的请求API,wx.request。但你直接拿它去请求普通的http接口,会发现报错,提示“不合法域名”。因为小程序强制要求所有请求必须是https,而且要在公众平台后台把域名加进白名单。开发的时候有个偷懒的办法,在开发者工具右上角点“详情”,勾选“不校验合法域名”,这样本地开发可以用http,但真机预览就不行了,所以正式上线前一定要配好合法域名。还有,如果你后端是自己写的,注意跨域问题,小程序端做不了CORS那套,必须后端在响应头里加上Access-Control-Allow-Origin,不然请求会被拦截。

调通接口后,进入联调阶段。这时候最烦的是各种环境变量,开发版、体验版、正式版,三个环境各有各的AppID,但代码是同一套。我建议你在项目里建一个config.js文件,把不同环境的API地址区分开,用环境变量判断当前是哪个版本。比如开发版用http://localhost:8080,体验版用.com,正式版用.com。这样切换环境不用改代码,直接上传不同分支就行。另外,联调时一定要开调试模式,在开发者工具里点击“调试器”,可以看到请求的完整返回,包括状态码和响应体,出了问题能快速定位是前端传参错了还是后端返回错了。

功能开发完,别急着发布。先过一遍微信的审核规范,常见被拒的原因有几个:一是类目不符,比如你做的是资讯类,但选的类目是工具类,会被打回;二是没有隐私政策,尤其涉及收集用户手机号、地址的,必须在页面上有明确说明;三是页面里有诱导分享的内容,比如“转发得红包”,这种直接违规。我那个水果店小程序,第一次提交就因为没写隐私政策被拒了。后来在公众平台后台“设置-服务内容声明”里补上隐私协议,才通过。审核一般1-2天,快的当天能出结果,但如果你改了代码,每次都要重新提审,所以改完一个版本集中提交,别频繁改。

一步,发布上线。在开发者工具点击“上传”,填个版本号和备注,然后去公众平台后台“版本管理”里找到你刚上传的版本,提交审核。审核通过后,点“发布”,小程序就正式上线了。但发布不是终点,你要关注两个数据:一是用户留存,看看第二天还有多少人来;二是页面访问深度,用户是不是只看了眼首页就走了。微信公众平台后台有完整的数据分析,不用额外接统计工具。我建议你上线后第一周,每天都去看一眼“实时访问”和“访问分布”,发现问题及时改,小程序的审核虽然快,但改bug也要走流程,所以尽量把问题在前端测试阶段就排查干净。

从零到一这条路上,最难的不是写代码,是那些藏在流程里的细节。注册主体、域名配置、审核规范,每一项都能让你卡个好几天。但你别怕,这些坑都是固定的,踩过一次就不会再踩。小程序这东西,本质就是一套规矩特别多的网页,你摸清了它的脾气,后面做第二个、第三个就快多了。我现在接新项目,从注册到上线,基本一周搞定,但第一次做,留出三周时间比较稳妥。你要是正打算做,就按这个流程一步步来,遇到问题别慌,先查官方文档,再不行就去微信开放社区搜,大部分坑都有人问过。

分享到:0 用手机看
从零到一,开发微信小程序的全流程实战指南

拍下二维码,信息随身看

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