这是我参与8月更文挑战的第3天,活动详情查看:8月更文挑战
前言
该文章主要面向初次接触小程序开发的人,介绍一些基础概念及知识,看完后将对整个小程序开发生命周期有个初步的认识,本文并不涉及实际的代码开发。
文章介绍的是小程序开发生命周期中的大体路线,实际开发还要结合功能需求增添各种模块功能,比如客服、消息通知等等。
文章乃个人经验所写,如有错漏之处,请指教
初期准备
小程序注册及认证
(1)要开发小程序,首先要注册一个小程序,如下图
(2)注册完毕后,给小程序做下认证,费用是 300元/年,网站会提醒你怎么做认证,照着流程一步步走下去就行。
PS:如果你已经有了公众号做了认证,是可以复用 公众号资质做认证的,就不用再交300元了
(3)认证通过后,就完善下小程序信息,包括名称、介绍等。
配置及获取基本信息
(1)上面步骤完成后,接下来需要去开发管理做一些配置,如下图菜单进入
(2)进入开发设置,复制下APPID、AppSecret(小程序密钥) 的数据到你本次存储起来,以后开发要用到
PS:获取AppSecret 需要管理员扫码获取
(3)还是该页面,往下拉取,配置下服务器域名
这个作用是,当你小程序要调用后端接口的时候就要用到,假设你这时的后端服务以及部署到 www.xxx.com/api 那么你小程序要调用www.xxx.com/api的接口, 就必须将域名www.xxx.com 添加到这里来,不然线上版小程序不给你调用
顺便说下,记得给你的www.xxx.com 域名配置https,小程序只允许https,不允许http
着手开发
工具准备
小程序开发一定要用到 微信官方提供的小程序开发者工具
开发技术选型
我仅了解以下两种,实际开发中我用的是uni-app技术,因为项目即需要小程序,又想要APP、移动端,但是又不想这么多端口重复开发,所以选择用uni-app技术
小程序原生开发
这个详情请见官网介绍,因为本人实际并没有用过小程序原生开发。developers.weixin.qq.com/miniprogram…
uni-app技术
是一个使用 Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝等等...)、快应用等多个平台。
- 最大的好处就是项目开发中如果有 多个端口要求(如小程序、APP、移动端等等),只需要开发一套代码就行,当然在代码里面要适当的加上针对不同端口的 兼容代码.
- 因为是基于Vue.js,所以会Vue的人学起来也挺快,学习成本不算高
- 语法跟Vue.js大同小异
- 详细文档请看uniapp.dcloud.io/README
开发界面
小程序开发工具界面如下
版本管理
开发小程序过程中,会逐渐产生若干个版本:开发版本、体验版本、审核版本、正式版本。
总体流程是:你开发了小程序后,将其上传,变为开发版,将开发版本提交审核,变为审核中版本,审核通过后,就可以正式发布,变为正式版的小程序了
PS:体验版本的作用下面介绍
开发版本
简单来说,就是你自己本地运行项目的一个版本,开发版本只保留每人最新的一份上传的代码
-
首先,将有权限开发小程序的人,设置权限,如下图,只有拥有权限,才能够进行正规的开发操作
-
如下图,小程序运行起来后,可以将将该版本上传代码后,经过后台操控,就会变为体验版 (开发版本可删除,不影响线上版本和审核中版本的代码,仅影响你自己)
-
点击上传
- 之后就可去小程序官方后台,看到你上传的开发版本了
体验版本
- 体验版本,在我看来作为测试的功用更大,就是你开发了一个小程序后,将其变为体验版本后,会有个体验版本二维码,别人就可以扫码就去体验这个小程序了
- 开发版本是你自己玩的,体验版本就是小程序可以给别人体验了
- 整个周期中,开发版本可以有若干个(有多少个人开发就有多少个),但是体验版本只有1个
下图操作将开发版本设置为体验版
注意:体验版小程序要给别人使用,该用必须要有权限去使用体验版小程序,权限可在小程序后台添加,如下图
审核版本
审核中版本只能有一份代码处于审核中。有审核结果后可以发布到线上,也可直接重新提交审核,覆盖原审核版本。
- 在此处提交审核
- 审核通过后变为状态下图
线上版本
线上所有用户使用的代码版本,即该版本可以在微信小程序搜索到了。
- 将审核通过的版本,点击 提交发布,即发布正式版本!
- 选择发布模式,发布!
- 确定,然后管理员扫码就行(许多操作都需要管理员扫码)