十分钟上手-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/

小软件开发加速入门教程(附源代码)插图1

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

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

小软件开发加速入门教程(附源代码)插图2

4:加装顺利完成后

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

小软件开发加速入门教程(附源代码)插图3小软件开发加速入门教程(附源代码)插图4

5:校对自动更新

点选辅助工具上的校对按键,能在辅助工具的右侧工具包介面看见那个小流程的整体表现,也能点选自动更新按键,通过QQ的扫一扫在智能手机上新体验你的个小流程。OK,你已经获得成功建立了你的个小流程,因此在QQ应用程序上新体验到它简洁的整体表现。

小软件开发加速入门教程(附源代码)插图5

小流程调用产品目录:

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

小软件开发加速入门教程(附源代码)插图6

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

小软件开发加速入门教程(附源代码)插图7

3: 配置文件

小软件开发加速入门教程(附源代码)插图8

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

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

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

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

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

1:个简单小流程:极客小寨

小软件开发加速入门教程(附源代码)插图9

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

小软件开发加速入门教程(附源代码)插图10

顺利完成两个简易的介面

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

小软件开发加速入门教程(附源代码)插图11

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

小软件开发加速入门教程(附源代码)插图12

网易云音乐

示例步骤:直接导入源标识符,即可查阅右侧相关联网页显示重要信息

1:右键键盘关上

小软件开发加速入门教程(附源代码)插图13

2:把源标识符复制黏贴进去,替换掉原来调用产品目录,点选普通校对,即可查阅右侧效果,依照需要,作适当的增删。

小软件开发加速入门教程(附源代码)插图14

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

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

作者 nasiapp

在线客服
官方客服
我们将24小时内回复。
12:01
您好,有任何疑问请与我们联系!

选择聊天工具: