零基础也能上手，教你快速制作一个简单的微信小程序

去年我表姐开了家花店，生意不错，但总有人问“有没有小程序能直接下单”。她找外包一问，报价八千。八千块啊，够她卖多少束花了。后来我花了半天时间，手把手教她做了一个。你猜怎么着？那个小程序现在每天能接到十几单，成本为零。

别被“小程序”三个字吓住。微信官方早就把门槛拆了，你不需要会写一行代码。我用三个步骤就能让你跑起来。

第一步，打开微信公众平台，用个人身份注册一个小程序账号。别犹豫，选“个人”类型就行。注册完你会得到一个AppID，这串数字是你小程序的身份证。记住，别想着马上起个高大上的名字，随便写个“我的测试小程序”就行，后期能改。

第二步，去百度搜“微信小程序开发工具”，下载安装。别被“开发工具”四个字唬住，它就是个编辑器。打开后点“新建项目”，填上你刚注册的AppID，选“空白模板”。这时候屏幕上出现一堆代码，别慌，你只需要找到那个叫“pages”的文件夹。

第三步，关键操作来了。在pages文件夹里找到“index”文件夹，里面有个“index.wxml”文件。双击打开，把里面的内容全部删掉，复制粘贴这段代码：

欢迎来到我的小店

点击进入

保存。再找到同文件夹下的“index.wxss”，同样清空，粘贴这段：

flex-direction: column;

justify-content: center;

保存后点预览，你手机微信里就会出现一个小程序。虽然只有一句话和一个按钮，但恭喜你，你已经成功做出人生第一个小程序了。

别急着庆祝，现在我们要让那个按钮管用。找到“index.js”文件，在“data: {}”后面加上一行逗号，然后粘贴这段：

保存后重新预览，点一下按钮，手机屏幕会弹出“功能建设中”的提示。你看，你已经学会了小程序最基本的人机交互。

接下来我们加点实用的。假设你想展示商品列表，回到“index.wxml”，把内容改成：

今日推荐

{{}}

¥{{item.price}}

然后在“index.js”的“data: {}”里加上：

{name: '红玫瑰', price: '39.9'},

{name: '白百合', price: '49.9'},

{name: '向日葵', price: '29.9'}

保存后，你会看到小程序里出现了三行商品列表。虽然丑了点，但功能已经跑通了。这就是MVP（最小可行性产品）——先跑起来，再优化。

说到优化，微信官方有个叫“小程序云开发”的功能。你点开发工具左边那个云朵图标，开通后就能免费使用数据库和存储空间。我表姐后来就是靠这个功能，把花店商品信息存到云数据库里，再也不用每次手动改代码了。操作也很简单：在云开发控制台里创建集合，填上商品信息，然后在代码里用几行JS代码读取数据。

你可能会问，那支付功能呢？这个确实需要企业资质。但有个替代方案：在商品详情页放你的微信号或者收款码，用户下单后手动转账。虽然不够自动化，但对小本生意来说完全够用。我表姐头三个月就是这么干的，后来单量上去了才去办营业执照。

强调一句：别追求完美。我见过太多人为了做个小程序，先报个培训班学三个月JavaScript，结果学完热情也耗光了。记住，你的目标不是成为程序员，而是快速验证你的想法。哪怕只有三个商品、一个按钮，只要能跑起来，你就已经赢了99%还在犹豫的人。

现在，你只需要打开电脑，花15分钟跟着上面步骤做一遍。做完后你可能会发现：原来所谓的技术门槛，不过是自己吓自己。就像我表姐后来跟我说的：“早知道这么简单，我去年就该做了，那八千块够我买多少花苗啊。”