小程序制作工作流程什么样？

　　小程序是一种不需要下载安装即可使用的快速应用，它实现了应用“触手可及”的操作，用户扫一扫或搜一下即可打开应用，完全不需要安装，因此小程序不仅可提高的用户的应用体验，也方便应用的传扩散。

　　广团网小程序专家为大家讲解小程序制作工作流程什么样？了解从环境搭建到开发出一个简单hello world程序，从而上手小程序开发，让你快速成功小程序开发人员。之后，想开发什么样的小程序，就可以自己研究和努力了。

　　下面，是循序渐经的步骤：

　　1、注册小程序

　　进入“微信公众平台”进行注册。这里需要注意的是邮箱必须是未被微信公众平台注册、未被微信开放平台注册、未被个人微信号绑定的才有效。提交之后登录你注册用的邮箱，会收到一个条“激活你的微信小程序”的邮件，点击邮件中的激活链接去完善“信息登记”即可激活账户。

　　 2、获取AppID

　　登录小程序账号之后我们需要先填写“小程序信息”，然后可以在左侧菜单栏中找到“开发”选项，点击进入该栏后进行点击tab中的“开发设置”选项。就可以看到属于我们的AppID，这是微信公众平台上的小程序ID。微信通过它来确定小程序“身份”及提供相应的功能接口。

　　3、安装微信开发工具

　　在“微信官方文档-小程序”的开发页面中，我们可以找到“工具”选项，选择适合自己电脑系统版本的进行下载(这里我用的是Windows 64)，双击运行下载好的软件然后“下一步”到底即可，安装完开发者工具后会自动在桌面添加“微信开发者工具”快捷图标。通过点击“微信开发者工具”图标打开微信小程序开发工具，然后用自己的微信软件扫描二维码登录，就可进入微信web开发者工具。

　　 4、集成开发环境

　　用你注册小程序的微信账号扫码登录“微信开发者工具”就可以开始创建小程序项目了。在此我们推荐使用广团网技术中心研发的一键生成小程序功能。最主要是拥有强大丰富的插件系统，几乎支持所有主流的开发语言且运行稳定。

　　5、开发第一个小程序开始：创建项目

　　创建小程序项目。“微信开发者工具”支持小程序、小游戏、代码片段及公众号网页项目开发，默认选择小程序。点击右侧空白处的“+”号来创建新项目或者导入已有项目，这里的AppID就是前面注册小程序的时候获取的。初始操作时，应该创建一个空目录，用于存放项目文件。

　　6、创建app.js文件

　　在目录中创建一个app.js文件，该文件作为项目的入口文件，通过App() 函数来注册一个小程序的应用。 该函数接受一个object参数(function 和 data)，比如小程序的生命周期函数。这里我们先不管那些生命周期函数，只要定义个空参数的App({})函数即可注册小程序。

　　7、创建一个hello world页面

　　我们需要显示“Hello World”内容，所以这里我们需要创建一个页面。在目录中创建一个helloworld.wxml文件，这里我用个视图容器view标签来显示“Hello World”内容。

　　8、注册helloword页面

　　小程序中的每个页面都需要在页面对应的 js 文件中进行注册，所以这里我们需要在目录中创建一个helloworld.js文件并通过Page() 函数用来注册一个页面。该函数同样接受一个 object参数，可以是该页面的初始数据、生命周期函数、事件处理函数等。这里我们还是先不管那些生命周期函数，只要定义个空参数的Page({})函数即可注册页面。

　　9、创建app.json文件

　　页面注册好了我们就需要来配置页面路径了，告诉小程序要加载的页面在哪里。这就需要我们在根目录下创建一个app.json文件，通过该文件来对小程序进行全局配置。而其中的pages对象就是用来指定小程序由哪些页面组成，每一项都对应一个页面的 路径(含文件名) 信息。

　　10、调试

　　接下来我们就可以打开“微信开发者工具”并切换到“导入项目”页面，在目录栏中选择我们的项目文件夹。AppID没有的可以选择游客模式，点击“导入”按钮即可。程序会自动生成project.config.json配置文件和sitemap.json站点地图配置文件(可以暂时忽略)，在左侧的模拟器中我们可以看到在小程序中显示了我们的“Hello Word”内容。

　　到这里我们就创建了一个最简单的“Hello Word”小程序。想美化页面显示，可以选择广团网技术中心一键生成小程序上万个模板可供选择，很容易上手的!