自己开发微信小程序怎么做？详细教程一学就会

发布日期： 2025-11-28 阅读量： 作者： admin

第一步：安装开发软件

这事儿我是硬着头皮上的。先去微信官网下了个他们自己搞的开发软件，喏，就叫“微信开发者工具”。安装过程没啥幺蛾子，跟装普通软件差不多，下一步下一步点到手酸就完事了。

装完一打开，傻眼了。要我登录微信扫码？行，扫就扫。扫完又蹦出来个窗口：“请创建你的第一个小程序”。我寻思名字得响亮点，噼里啪输入“王大锤的万能工具箱”，结果系统提示“该名称已被占用”，得，随便整了个“锤锤小日常”才过。

选了最基础那个模板，点确认。唰一下，界面弹出来一堆花花绿绿的文件名和代码，看得我脑壳嗡嗡的，跟天书似的。

第二步：画个草图再说

代码看不懂，咱就别硬看。先摸出张皱巴巴的打印纸跟铅笔头，琢磨我这小程序到底要干我想搞个能记账、能写点小笔记的功能。

首页：大标题“锤锤的账本子”，下面加两个大按钮，一个写“记账”，一个写“写点啥”。
记账页：日期、收入还是支出、金额、备注说明，整个保存按钮。
笔记页：标题、内容、保存按钮。

纸都快被我橡皮擦擦破了，总算弄出个能看懂的结构。

第三步：动手摆页面

回到开发工具，点开那个叫“pages/index/*”的，看着像搞页面样子的地方。我把人家模板里的英文全删了，对着我的草稿开始拖拽按钮组件、文本框组件。怎么摆都不好看，按钮大小像得了帕金森，忽大忽小。折腾了快一个钟头，才把首页那两个按钮放正位置，丑点就丑点，能用就行。

记账页和笔记页更费劲。新建俩页面，分别在各自的wxml里吭哧吭哧摆输入框。日期选择器找了半天才在组件列表里翻到，拖进去发现默认显示英文日期，又上网查了半天怎么改成中文“年-月-日”。

第四步：让按钮能干活

页面像个空壳子，点了没反应。我开始研究旁边那个叫“.js”的文件。得让点击“记账”按钮，就跳转到记账页面。

找到首页js文件里写着“Page({...})”那块，在里面加代码。写了个函数叫“goToAccountBook”，里面就一句：*({ url: '../accountbook/accountbook' })。回头在wxml里找到那个按钮，给它绑上这个函数，属性写着“bindtap="goToAccountBook"”。

点一下开发工具上的预览，真跳到记账页了！可把我激动坏了。然后发现保存数据的逻辑完全不会，硬着头皮对着免费教程抄了几个函数，用*存到手机本地，先对付着存点数字和文字。

第五步：真机测试各种翻车

在电脑上模拟器跑得挺欢，传到手机上一试，傻眼了。

记账页面输入金额的那个框，在iPhone上只能输数字，在安卓机上能输字母符号，乱套了。
点保存笔记，屏幕中间刷一下闪点啥字就没了，用户都不知道存没存成功。
有次保存完再进去看，内容居然清空了？气得我晚饭多吃了两碗。

后来搞了个小破手机在旁边当测试机，在js文件里疯狂加*弹提示语，总算能知道按钮点没点成功了。

第六步：提审上线心惊胆战

鼓捣了一个多礼拜，功能勉强能用，丑得不忍直视。想着先提交审核试试看。在开发工具里点了“上传”按钮，填完版本信息，手心都是汗。一天后被无情打回：“小程序简介描述不清晰”，敢情我随便写的“记录生活”几个字不行？改成“简单的个人记账和记事工具”才通过。

一步，在微信小程序后台操作发布。点下那个绿油油的“发布”按钮，几分钟后真能在微信里搜到我的“锤锤小日常”了！虽然界面寒酸了点，但自己捣鼓出来的东西，刷到那一刻差点在电脑前叫出声。

折腾完发现，那些花里胡哨的图标、高级功能是真难搞，但走通这个流程后就知道：开发微信小程序，工具是准备好了的，重点是把一个想法真正点出来、跳转过去、存点东西这几步摸熟，没想象中那么玄乎，像我这种手残都能摸着石头过河。

上一篇: 公司小程序制作开发需要注意啥？专家避坑实战技巧解析！

自己开发微信小程序怎么做？详细教程一学就会

随便看看