2.2 了解一些简单的开发流程

虽然不会开发写代码也可以运营小程序,但是作为一名合格的运营,多了解一些知识始终是没有坏处的。本节并不会对开发作重点介绍,所以不会特别讲解开发中的一些细节问题,但是会让大家熟悉如何进行简单的操作。

2.2.1 了解开发者工具

做网页有对应的代码编辑器,做APP也有对应的开发工具。为了让小程序独立化,微信团队也开发出了属于它的代码开发工具,即微信开发者工具。微信开发者工具集合了公众号网页调试和小程序调试两种模式,那么怎么才能获得微信开发者工具呢?

具体操作方法如下:

①登录操作界面,并点击箭头所示的按钮,如图2-16所示。

图2-16 开发者工具

②点击左下角的下载按钮,并选择对应的操作系统,进行开发者工具的下载,如图2-17所示。

图2-17 开发者工具下载

③下载完毕之后,进入工具的安装界面,如图2-18所示,之后按照步骤完成安装即可。

图2-18 安装开发者工具

注意事项:目前该工具不支持Linux操作系统,所以请根据自己电脑的操作系统进行下载。如果不知道自己电脑的操作系统,可以按照如下步骤进行查看。

①找到桌面上的计算机,单击属性按钮,如图2-19所示。

图2-19 查看电脑操作系统(1)

②进入属性,可以看到该电脑的操作系统为Windows 64位,如图2-20所示,所以大家下载64位的开发者工具即可。

图2-20 查看电脑操作系统(2)

2.2.2 小程序开发实例分享

软件下载完成之后,接下来我们将实操一个简单的项目。

具体操作方法如下。

①启动开发者工具,由于是第一次使用,所以需要通过二维码扫描进行登录,如图2-21所示。

图2-21 登录微信开发者工具

②登录完毕之后,可以看到有小程序项目和公众号网页项目两种。选择小程序项目,如图2-22所示。

图2-22 选择小程序项目

③选择完毕之后,进入项目创建,如图2-23所示。可以看到需要填写的信息有三部分:项目目录、AppID以及项目名称。

图2-23 项目创建

项目目录:有两个功能,第一个是导入功能,将已经下载好的源码进行导入即可;第二个是创建功能,将要创建的项目保存在某个文件下。由于本书的重点并不在开发,所以这里选择一套以前做好的源码进行导入。

小技巧:现在互联网上有许许多多已经做好了的源码,大家可以直接下载并且使用,或者付费购买一些优质且功能强大的源码也是可以的,并不需要自己会开发才能拥有。

AppID:从图2-23可以看到,框里显示“无小程序AppID部分功能受限”,如果想要使用更多的功能,就必须填入这个AppID。那么这个ID在哪呢?

首先回到发布首页,点击左下角的设置按钮,如图2-24所示。进入设置界面,并选择开发设置,这样就可以看到AppID了,将这个ID填入刚才的方框中即可。

图2-24 找到AppID

④填写完毕之后,点击确定,则可以进入正常的开发模式,进行代码的编写和开发。由于刚才是直接使用的一套已经做好的源码(医疗类),所以跳过了从零开始的代码编写,如图2-25所示。

图2-25 医疗源码

通过以上4个步骤,就可以搭建一个属于自己的小程序了。