今早打开电脑准备搞点新东西,突然想起来公众号里那个小程序入口空了好久。之前总觉着开发肯定特麻烦,结果动手才发现跟搭积木似的,五个步骤就搞定了,顺手就把过程记下来了。
第一步:点开那个绿色小图标
对,就是你天天看文章那个绿色APP。登录进去右上角点你头像,找到“小程序管理”。进去后有点懵,一堆按钮,直接戳“快速注册并认证小程序”。系统问我用公众号资质行不行,这还用想?肯定选“复用资质”!省得重新填营业执照那些破事儿,邮箱密码哐哐一顿设置就完事了。
第二步:微信开发者工具别下错
跑去微信开放平台官网(别问,自己搜),眼睛得擦亮点:有普通小程序、小游戏好几个版本。我这种纯小白就下“稳定版”。安装时手快差点勾上一堆垃圾软件,吓得赶紧取消。装好打开,扫码登录,界面黑乎乎的像个代码编辑器。
- 左上角点“项目” > “新建项目”
- AppID 从小程序后台“开发”>“开发设置”里复制过来
- 项目名随便敲,我写了个“我的菜鸡小程序”
- 下面一定!一定!勾选“不使用云服务”(除非你想研究数据库)
第三步:对着屏幕发呆五分钟后...
工具自动生成了一堆文件夹和文件,看着就头疼。主要就改这三个地方:
- .json 文件:像说明书,改小程序名字、导航栏颜色(我改成屎黄色了)
- .wxml 文件:长得像网页HTML,放按钮、文字框这些东西
- .js 文件:管按钮按了之后干嘛比如弹个窗说“Hello World!”
我在.wxml里删掉自动生成的代码,自己瞎敲了个按钮:<button>点我试试!</button>。然后在.js里写了段:
buttonTap: function() {
title: '真点?',
保存一下,左边模拟器居然真蹦出来个按钮!手贱点了下,真弹出一行小字。
第四步:本地瞎搞完得上线
开发者工具右上角找到“上传”按钮。要点脸,版本号填个0.0.1,项目备注写“初学瞎搞版”。点上传,弹窗让我扫码确认,手机微信“嘟”一下完事。跑去小程序后台“版本管理”,果然看到我传的0.0.1孤零零躺在开发版里。戳“提交审核”,填了堆保证书似的承诺,应用类目选了“工具-效率”(反正没人用),五分钟搞定提交。
第五步:等审核等到抠脚
以为得等三天,结果下午手机就震了——微信服务通知说通过了!赶紧进后台找到“线上版本”,哆嗦着手点“发布”。弹窗提示覆盖全量用户,心一横点了确定。打开自己公众号菜单,把之前空的链接换成小程序入口。页面刷新完,看到那个屎黄色按钮时,差点笑出声。
整个流程下来像被推着走:注册=>下载工具=>本地改点东西=>上传=>提交审核=>发布。最难的反而是等审核时不停刷新后台看状态。真要做复杂功能还得死磕文档,但做个能点按钮的东西,真就半天功夫,比想象中简单一百倍!





