如何制作一个属于你自己的小程序?
目录
一、关于微信小程序
- 发展历程
- 小程序的特点是什么?
- 小程序与订阅号、服务号、企业号之间的比较?
- 小程序与 Native App、Web App 以及 Hybrid App 的区别?
- 哪些人可以申请小程序?
二、如何开发小程序?
- 小程序注册
- 小程序信息完善及开发前准备
- 开发者工具的使用
- 代码审核与发布
一、关于微信小程序
微信小程序,简称小程序,英文名Mini Program,是一种不需要下载安装,用户扫一扫或搜一下即可打开的应用。
1. 发展历程
- 2016年1月11日,“微信之父”张小龙首次宣布微信公众号将推出“应用号”,通过公众号完成一些App的部分功能。
- 2016年9月21日,微信小程序正式开启内测。
- 2017年1月9日,微信第一批小程序正式上线。
2. 小程序的特点是什么?
- 体验好。“无须安装,即用即走”的特性让微信小程序拥有着近乎原生App的使用体验,加载速度比公众号更快,使用更流畅。
- 独立生态,开发简单。微信小程序采用统一的开发语言,对用户界面、审核、运营等都有着严格的要求,以此保证产品内容的质量。
- 接口更多。相比订阅号及服务号,小程序拥有更多的功能接口,如支付、网络、多媒体、数据缓存等。
- 开发成本低。开发者只需用一套代码即可适配 iOS 和 Android 两个版本的应用,无需为各种兼容问题而烦恼。
3. 小程序与订阅号、服务号、企业号之间的比较?

4. 小程序与 Native App、Web App 以及 Hybrid App 的区别?
Native App:本地应用,又名原生应用,是一种基于手机操作系统如iOS、Android、WP并使用原生程式编写运行的应用程序。如油讯通、你好,长大、Snapseed等。
Web App:基于Web的应用,宿主为浏览器,运行时从网络上加载所需的资源文件,无须安装。如手机网易网、携程火车票等。
Hybrid App:混合型应用,是一种介于 Native app 和 Web app 两者之间的App,即在原生App的某些功能中,通过 WebView / UIWebView 控件访问 Web App 的一种应用。如微信、淘宝、支付宝等。

5. 哪些人可以申请小程序?
主体类型为企业、政府、媒体、其他组织或个人的开发者,均可申请注册小程序。
二、如何开发小程序?
1. 小程序注册
(1) 注册小程序帐号
在微信公众平台官网首页点击右上角的“立即注册”按钮。

(2) 选择注册的帐号类型为“小程序”

(3) 填写邮箱和密码

(4) 激活邮箱
登录邮箱,查收激活邮件,点击激活链接。
(5) 填写主体信息
这里我们以独立开发者为例,填写对应的信息(企业和政府等其他类型的主体需准备更多的材料,如企业名称、营业执照号、企业对公账户信息等)。

(6) 确认主体信息

(7) 点击确认完成注册流程
2. 小程序信息完善及开发前准备
(1) 登录小程序管理平台
(2) 完善小程序信息
完成注册后,需补充小程序名称信息,上传小程序头像,填写小程序介绍并选择服务范围(小程序发布前,可修改2次名称;发布后,个人帐号可一年内修改2次名称。服务类目一个月内可申请修改3次。小程序头像和介绍一个月内可申请修改5次)。


(3) 开发前准备
① 绑定开发者
登录微信公众平台小程序,进入用户身份 - 成员管理 - 添加成员,使用管理员微信扫描二维码进行验证。
在“添加用户”页面输入需要被添加成员的微信号,点击搜索按钮,勾选相应的权限后,点击“确认添加”按钮即可添加。
ps:
个人主体小程序最多可绑定5个开发者,10个体验者。
未认证的组织类型小程序最多可绑定10个开发者,20个体验者
已认证的小程序最多可绑定20个开发者,40个体验者。


② 获取AppID
进入“设置-开发设置”,获取AppID信息。

3. 开发者工具的使用
① 下载并安装开发者工具
② 登录
使用管理员或者绑定的开发者微信号扫码登录开发者工具。

③ 创建项目



④ 开发
管理员和开发者可在开发者工具内完成小程序的开发、调试、预览、上传代码等操作(因为勾选了上一步中的“建立普通快速启动模板”选项,所以会自动生成下图中的代码)。具体开发步骤可查看这里。

⑤ 预览
点击工具栏中的“预览”按钮,用开发者本人微信扫码,即可在手机内预览小程序的效果(具有相应权限的开发者和管理员才可以扫描开发工具上的二维码并预览,其他人无法扫码预览)。

⑥ 上传代码
点击工具栏上的“上传”按钮,填写“版本号”和“项目备注”,点击“上传”。上传成功后可在微信公众平台(mp.weixin.qq.com),开发管理页面中看到对应提交的版本。(只有管理员有权限可以上传,开发者没有权限上传)。


4. 代码审核与发布
① 提交审核
在“开发管理”页面中,管理员可提交审核对应的“开发版本”小程序。

在“提交审核”页面中,配置对应的功能页面(至少填写一组)。如小程序“首页”页面的路径为“pages/index/index”,则在“功能页面”下拉框中选择该路径,在“标题”输入框中填写“首页”,选择服务类目(图中为示例),“标签”可填写“首页”。如小程序需要登录才能使用,则需在“标签”中增加可使用小程序所有功能的用户名和密码。然后点击“提交审核”按钮。

② 完成提交
提交审核完成后,可在“开发管理”页中查看审核进度。

③ 代码发布
以笔者的经验来讲,小程序审核时间一般为两天左右(周末除外)。审核通过后,需要开发者手动点击发布。
如有错误,敬请批评指正!