支付宝小程序面向我的开放了!我将以一个 Demo 为例讲解整个流程。


Hello,我是犯迷糊的小 K。目前是 ifanr 的一只前端攻城狮,同时也是知晓云团队的一员。前端

3 月伊始,ifanr 旗下品牌——知晓云 3.0 版本正式上线。这次更新获得业内许多开发者的密切关注和积极支持,在此,我表明知晓云团队表示万分感谢哈。( ̄▽ ̄)~*git

知晓云是业界第一个支持多平台小程序开发的后端云服务,它免去了小程序开发中服务器搭建、域名备案、数据接口开发、线上运维等繁琐流程,让开发者更快、更低成本地作出优质的小程序。

言归正传。和许多童鞋同样,小 K 使用知晓云时,也是第一次开发小程序,开发过程也是百转曲折。
所以,小 K 但愿经过这篇文章,和各位童鞋进行交流。毕竟,你们的学习历程是类似的,遇到的困惑也应该差很少。github

本文结构大体以下:小程序

  • 谈谈如何成为支付宝小程序开发者。
  • 聊聊如何建立个人第一个支付宝小程序。
  • 以一个 Demo 为例,详细讲讲如何在支付宝小程序中接入和使用知晓云 SDK。

如何成为一名支付宝小程序开发者?

申请成为支付宝小程序开发者,是一件再简单不过的事儿,仅需 2 步,比把大象放进冰箱还简单。segmentfault

第一步,登陆蚂蚁金服开放平台,注册成为小程序开发用户。此过程须要你依次完成帐号信息、邮箱激活和信息登记等流程。后端

第二步,完成上述操做后,就能进入小程序管理后台,点击建立应用并填写信息,建立成功后便可获取开发小程序的 AppID。
嗯,如今小 K 已是一枚准小程序开发者啦。(后续请进入小程序配置-设置-开发设置,根据平台的设置方式教程,配置接口加签方式,得到支付宝公钥和密钥文件)

安全

如何建立个人第一个小程序?

得到了「准入资格」后,小 K 开始参照小程序官方文档,下载官方的开发者工具并建立了一个初始化的小程序。服务器

Well done!小 K 的第一个初始化小程序诞生了~ 数据结构

接下来,能够看看支付宝小程序官方的体验小程序 Demo 教程文档,熟悉一下小程序代码组织方式和开发特性。app

如今,有了开发工具和基础知识积累,能够试试 freestyle 咯。

惟一的问题是:小 K 应该选择什么类型的小程序做为 Demo 呢?

对于 Demo 选择,惟一的原则就是精简

  • 「简」是像小 K 这样的小白开发者一看就懂。
  • 「精」是尽量在有限的代码中,体现知晓云功能的强大性。

因而,我选择了个经典的 TodoMVC 的小程序——「个人书架」做为示例。

因为「个人书架」 Demo 将知晓云的核心模块之一——数据管理的 CRUD 操做很好地展现了出来,因此,咱们但愿经过这个 Demo 让各位童鞋学会利用知晓云,完成常见的数据增删改查功能。

如何在小程序中调用知晓云 SDK?

  1. 准备工做

在正式使用知晓云的 SDK 前,首先确保走完如下 2 个流程:

第一,完成小程序的受权。目前,知晓云在注册模块和设置模块都有提供小程序受权操做,两者的受权流程大致一致。在这里,咱们演示设置模块的小程序操做。

点击应用标签,进入应用的管理面板;

进入管理面板后,切换到设置模块并进入应用设置 tab 页,点击平台设置-支付宝小程序-当即开通,点击编辑并填写相关配置信息后便可完成受权。

第二,在「小程序后台」配置安全域名。

  1. 装载 SDK

接下来,看看知晓云的 SDK 的使用说明文档。老夫掐指一算,将 SDK 的接入小程序的方法和数据表操做看了一遍,约莫花费 10 分钟。

毕竟 Demo 只涉及数据操做嘛,因此要作到有的放矢,要啥看啥。

下载知晓云提供的 SDK 后,将其引入小程序的 app.js 中,并经过在前面的设置模块的小程序设置 tab 页中获取当前应用的 ClientID

  1. 设计数据结构和建立数据表

完成上述操做后,小 K 就可使用 SDK 提供的各类接口,接下来思考一下「个人书架」将用到什么数据及其结构。

因为是第一个 Demo ,本着精简的原则,小 K 在此就只设计了一个 bookName 的字段

Tips:知晓云的数据管理模块会为每张数据表自动建立 idcreate_bycreate_atupdate_atacl 等字段。

根据文档提示,在使用知晓云的数据管理模块时,须要首先提供存放数据的 tableName。所以,首先要在知晓云开发者平台建立数据表从而获取 tableName

获取 tableName 后,小 K 将其放在了 app.js 文件的 globalData 对象上,以供后面各类数据操做接口的参数调用。



开始使用知晓云的 SDK

小 K 在这里不会细谈「个人书架」是如何编写的,由于不一样的童鞋的对这个功能的实现方式可能不同。
小 K 只会谈在哪些控件中使用知晓云提供的接口,来实现小 K 的需求——添加一本书。

  1. 建立书目记录

翻查了文档,发现建立一条记录很简单,只须要调用 create 建立一条空记录,而后调用 set 为上面建立的空记录赋值,最后调用 save 将建立的记录保存到服务器便可。


  1. 更新一条记录

有时,小 K 手抖,在输入书目的时候填写了错别字,那么理应提供一个更新记录的功能吧;

知晓云提供了 update 接口,让更新数据 so easy。


  1. 删除一条记录

最后,当小K的书架再也不存在某本书时,必然须要一个删除操做。经过调用 delete 接口就能够实现一条记录的删除操做。


最后的话

以上就是小 K 用知晓云烹调出的第一个支付宝小程序——「个人书架」,最主要就是用到了知晓云的数据管理功能模块。

固然,知晓云还提供做为 BaaS 产品的基础文件上传和数据统计功能等,同时具有贴切小程序的特性功能,譬如支付宝支付和富文本编辑功能。*

除了「个人书架」 Demo 外,知晓云官方还提供了知晓云 SDK 官方示例小程序,用于演示 SDK 更丰富的接口使用方法。代码已开源在 ifanrX 的 GitHub 上,连接:https://github.com/ifanrx/hyd... 有兴趣的童鞋能够 star 或是 fork 一下。


本文首发于「知晓云」公众号:https://mp.weixin.qq.com/s/Vk...

知晓云是国内首家专一于小程序开发的后端云服务。使用知晓云,小程序开发快人一步。

相关文章
相关标签/搜索