微信小程序开发指南：如何自己动手折腾出一个小程序？

想要自己动手在微信上面折腾出一个小程序来，其实也不是什么天大的难事，就是刚开始的时候可能会觉得有点摸不着头脑罢了。首先你得明白，这个东西它不是说想做就能立马做出来的，得一步一步来，而且需要准备一些必要的工具和账号，对了，还有一点点耐心，真的，耐心很重要！

得先有个账号注册号：你得先去微信公众平台，就是那个网址里有mp的地方，注册一个属于你自己的小程序账号，这个账号，跟微信个人号是不一样的，但是可以用微信扫码登录去注册，注册的时候要选对类型，是 开发还是企业什么的，千万别看错选错了，选错了后面改起来麻烦得很！

下载安装开发工具：账号申请下来之后，就得去下载配套的微信开发者工具，这个工具是官方提供的，专门用来做小程序开发的，在官网就能找到下载的地方，根据自己的电脑系统选对应的版本，下好之后按照提示一步步安装好，安装过程中别乱点那些看不懂的选项，一般默认就行。

安装好开发者工具，登录进去之后，就可以创建一个新的项目了。创建项目的时候要填AppID，就是从小程序账号里找到的那个一串字母数字组合的东西，可别填错了，填错了项目可能都创建不了，创建项目的时候还可以选个基础的模板，比如空白模板或者演示模板，新手的话选个有演示内容的模板可能更容易上手一点，能看看人家是怎么写的。

了解基础的代码构成：小程序的代码主要由几个部分组成，像什么wxml文件，相当于网页里的html，是用来放页面结构的；wxss文件，就类似css，用来给页面元素化妆，让它好看一点；然后是js文件，这个JS文件是用来写逻辑的，比如点击按钮要发生什么事情，数据怎么处理之类的；还有个app.json文件，这个文件很关键，是配置整个小程序的全局信息的，像页面路径、导航栏长什么样啊都在这里面配置。

跟着模板改改试手：如果一下子让你从零开始写代码，肯定头大，所以可以先把玩一下官方给的模板，比如视图层怎么用标签布局，样式怎么调整颜色大小，逻辑层怎么写简单的交互，像点击按钮弹出个提示框什么的，先从小的地方开始改，改完之后在开发者工具里点击预览，还能在手机上扫码看效果，这个功能倒是挺方便的。

等你对整个东西稍微有点感觉了，大概知道哪个文件是干嘛的之后，就可以开始真正动手做自己想要的功能了。比如你想做一个展示美食的小程序，那你就得设计页面，要展示哪些内容，是图片啊还是文字介绍，有没有分类功能，这些都得先想清楚，甚至拿张纸画画大概的样子都可以，不想画画在心里琢磨琢磨也行。

调用微信提供的接口：小程序好玩就好玩在能调用微信本身的很多功能，比如获取用户的头像昵称（当然要用户同意才行）、调用支付功能、调用地图位置等等，这些都需要在代码里按照官方的文档说明去写，接口调用有时候会遇到各种权限问题或者参数错误，得多看看控制台报错信息，慢慢调试，调试这个过程最让人头疼了，有时候一个小错误能找半天！

写完之后要测试检查：功能差不多做完之后，千万别急着提交审核，一定要自己多测几遍，在不同的手机型号上测，看看页面会不会变形，功能动不动得了，有没有按钮点了没反应，或者数据显示不出来的情况，还有网速慢的时候页面加载会不会出问题，这些都得考虑到，不然用户用起来体验很差的。

都弄好之后，就可以在开发者工具里点击上传代码，把代码提交到微信后台，然后在小程序管理后台找到提交审核的入口，填写一些审核需要的信息，比如小程序叫什么名字，属于哪个类目，还有简单的功能介绍，提交之后就等着微信官方审核了，审核时间不一定，快的话两三个小时，慢的话可能要一两天，审核通过之后，你在后台点击发布，别人就能在微信里搜索到你的小程序了，那一刻心情还是挺不一样的！

TAG标签：微信制作小程序