小程序开发,其实教程很多,但都不如官网教程全面。我这个系列教程,其实也只是以一个新手的角度来从0开始学习和实践做出一个小程序,大家也知道我的个人教程风格,基本上很土很白话文,而且喜欢讲干的。看不懂或懒得看官网全面教程的小伙伴,可以无脑追更一下我这个教程哦,简单易懂。
我为什么要写这个教程呢?其实是正好最近要做一个软件测试测试开发面试题库的这样的小程序,简单看了一下,开发套路和vue前端都差不太多,应该不算很难。
这是第一节,就从注册开始讲起吧....
1.注册:
作者之前有个公众号,但是是个人的,在公众号的后台有绑定小程序和注册的按钮,但点击后提示说个人公众号无法用当前资质再注册小程序了。又没有企业公众号,所以我只能用一个新的邮箱,重新注册了一个小程序。注册页面: 微信公众平台
点击右下角后,自动进入了注册流程。
注意,这里我现去申请了一个全新的163邮箱才可以,之前开过公众号的邮箱这里不能用了。
此时我很担心我的身份证会不会也因为注册过公众号而不让注册小程序,但后来发现考虑多余了,这个是可以的。
注册成功后,会自动登录。
当然以后也可以自己再回到 首页登录,扫码成功后,选择要登录公众号还是小程序即可。
然后就是
2.审核
各种审核,有一样过不去你小程序都不会正常运营起来。当然,审核基本没啥难度,无非是麻烦,前前后后扫了好几遍人脸(要求白色背景),还有高清的身份证正反面照。
最后那个微信认证,因为是要委托第三方来调查你是否具备资格做小程序,还额外花了三十块钱。
这里备案审核流程是最慢的,估计要半个月....
全部完成后,就是下面的开始学起来了!
3.学习
实际上,我是可以直接找个模版,然后上去改的。但是毕竟不学一遍的话,你也只能改改表层的简单的,稍微复杂一点的还是看不懂,到时候还要到处去百度,还不如直接就按部就班的把官方教程从头看一遍,跟着敲一遍,然后不用自己去设计去开发, 直接拿模版改应该就行,那时候,自己就可以为所欲为了应该。
说起来吧,小程序是新的一门开发语言,虽然是在传统前端上仿照vuecli改的,但你也要重新学一遍才行,因为改了很多很多地方。
所以,接下来,我要学的页面主要以下俩个。注意,所有能点开的文档都要仔细阅读。我可能要花费很多很多天,如果你不想浪费这个时间,那就继续看我的博客即可,我会用白话文分分钟让你明白这些技术教程。总之,虽然你日后工作可能有一大半的技术都用不上,但想避开这些用不上的技术所花的成本可能更多,而且全部看完之后,混个眼熟,然后去使用模版开发的时候可以随便上手,事半功倍,磨刀不误砍柴工嘛~
要学的页面主要有两个:这俩个页面直接保存成书签,以便日后翻查。
1. 教程 | 《小程序开发指南》
这个里面大概有9大章,共152个小节,内容非常多。
2. 小程序简介 | 微信开放文档
这个里面共用6个大章节,26个中等章节,数百个小节,内容堪称变态的多。
上面俩个教程都是官方的,其中有很多内容是重复的,所以看起来很多,其实学起来的时候非常快。有一些关于运营、社区等软知识我们就不着急先学了,那都是等你开发的足够优秀了,小程序足够成熟了,再考虑运营。
以上,就是我们要学习的全部内容,别怕,有我在,大白话大土话上来肯定让你明白。
4. 开发过程
首先你得下载微信小程序的专用开发工具,有两种:
1. 普通小程序用的
微信开发者工具(稳定版 Stable Build)下载地址与更新日志 | 微信开放文档
2. 做小游戏用的
微信开发者工具(稳定版 Stable Build)下载地址与更新日志 | 微信开放文档
我自然是选的普通小程序用的,我要做的是一个面试题刷题题库系统。小游戏的话,基本也是通的技术,看这个教程也可以。
下载好并安装了之后,打开后按照我这样去新建一个,一定要按照我的设置来,这样才能贴合教程哦~,其中模版选择需要先点击全部分类下拉框,选最后一个:不使用模版
AppID我直接点个测试号就行,毕竟现在是学习摸索阶段,以后正式开发的时候,可以换成自己小程序真正的AppID,就在这里看:小程序
然后别忘了点击左上角登录一下,还需要微信扫码登录之后才会和我下面的界面一样哦~
关于这个编辑器,其实还有很多篇的教程,只是我这里先不看那个,毕竟这界面一看就懂。
左边预览,但需要点击顶部编译按钮才能看到,也可以ctrl+s保存编辑的文件后自动编译。
中间是文件目录,右侧上面是打开的详细文件,下面是html的控制台。
好了,到这,第一讲就算完成了。小伙伴们,你们已经成功了万事开头难的开头了哦~ 晚上吃点好的庆祝下吧!
别忘了关注我的公众号:测试开发干货