公司动态

十分钟上手-QQ小流程

1：用没注册登记过QQ社会公众网络平台的电子邮箱注册登记两个QQ社会公众号， 提出申请账号 ,点选https://mp.weixin.qq.com/wxopen/waregister?action=step1依照提示核对重要信息和递交适当的数据资料，就能保有他们的小流程账号。注册登记顺利完成后已经开始登入。

2：登入https://mp.weixin.qq.com

他们能在工具栏 增设-合作开发增设 看见小流程的 AppID 了 。小流程的 AppID相等于小流程网络平台的两个身分证，先期你会在许多地方性要加进 AppID (特别注意这儿要区别于服务项目号或订户号的AppID)。有了小流程账号后，他们须要两个辅助工具来合作开发小流程。依照非官方讲义展开合作开发https://mp.weixin.qq.com/debug/wxadoc/dev/

3：加装合作开发辅助工具

赶赴 合作开发人员辅助工具浏览网页 ，依照他们的作业系统浏览相关联的加装包展开加装，相关合作开发人员辅助工具更详尽的如是说能查阅 《合作开发人员辅助工具如是说》 。关上小流程合作开发人员辅助工具，用QQ二维码登入合作开发人员辅助工具，预备合作开发你的第二个小流程吧！我的笔记本电脑是64位的：

4：加装顺利完成后

你的第二个小流程迈入：增建Kozhikode小流程工程项目，优先选择标识符放置的硬碟方向，插入才刚提出申请到的小流程的AppID，给你的工程项目起两个动听的英文名字，最终，键入 "建立 QuickStart 工程项目" (特别注意:你要优先选择两个空的产品目录才会有那个快捷键)，点选确认，你就获得了你的第二个小流程了，点选顶端工具栏校对就能在 IDE 预览你的第二个小流程。

5：校对预览

点选辅助工具上的校对按钮，能在辅助工具的左侧模拟器界面看见那个小流程的表现，也能点选预览按钮，通过QQ的扫一扫在手机上体验你的第二个小流程。OK，你已经成功建立了你的第二个小流程，并且在QQ客户端上体验到它流畅的表现。

小流程初始化产品目录：

1：page 网页文件夹 放置工程项目网页渲染相关文件

2：utils 放置js库和数字格式化文件

3： 配置文件

我是分割线===合作开发ing

接下来就要已经开始合作开发了，第一次合作开发QQ小流程都显得特别的生疏，以至于无从下手，纠结了很久，找朋友要了一套模板，导入他们的小流程合作开发辅助工具里面，对整个小流程产品目录文件结构有了一定的了解，就能很快的上手。

另外也在网站，GitHub上找了许多完整的小流程源码，学习起来速度也是相当快。

小流程的思想是：小流程合作开发框架的目标是通过尽可能简单、高效的方式让合作开发人员能在QQ中合作开发具有原生 APP 体验的服务项目。

框架提供了他们的视图层描述语言 WXML 和 WXSS，以及基于 JavaScript 的逻辑层框架，并在视图层与逻辑层间提供了数据传输和事件系统，能让合作开发人员能方便的聚焦于数据与逻辑上。

1:第二个简单小流程：极客小寨

2:第二个简单小流程：输入网址生成适当的二维码

顺利完成两个最简易的界面

3:第三个简单小流程：发送祝福

4:第四个简单小流程：仿网易云音乐

网易云音乐

示例步骤：直接导入源码，即可查阅左侧相关联网页显示重要信息

1：右键键盘关上

2：把源码复制黏贴进去，替换掉原来初始化产品目录，点选普通校对，即可查阅左侧效果，依照须要，作适当的增删。

到此为止小流程顺利入门，三天上手，接下来就是一系列的边学学习合作开发文旦边合作开发边踩坑的过程了，多读小流程源码，前面也说了，和传统合作开发模式有一定的差别，多看多百度，总结经验，花些时间，工程项目也会越做越好。

关注【编程微刊】，点选发现，即可获取小流程源码，持续关注，先期会有更多源码上线哦