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

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

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

言归正传。和许多童鞋一样,小 K 使用知晓云时,也是第一次开发小程序,开发过程也是百转曲折。 因此,小 K 希望通过这篇文章,和各位童鞋进行交流。毕竟,大家的学习历程是相似的,遇到的困惑也应该差不多。

本文结构大致如下:

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

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

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

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

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

如何创建我的第一个小程序?

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

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

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

现在,有了开发工具和基础知识积累,可以试试 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/hydrogen-demo 有兴趣的童鞋可以 star 或是 fork 一下。


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

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

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

  1. 支付宝小程序面向个人开发者公测

    web前端教程 用大白话,来讲编程 昨日,支付宝小程序正式面向个人开发者开放公测,有开发能力的个人用户可访问支付宝小程序平台,扫码验证个人身份以后即可开始支付宝小程序账号申请并进行代码开发. 个人主体 ...

  2. 微信小程序面向个人开放-附超详尽申请教程

    周一晚上10点,腾讯官方放出消息,小程序新增6大能力,并面向个人开发者开放.这也就意味着每个人都可以申请小程序开发资格(之前个人开发者没有wxappid,只能在开发工具上进行体验).下面是个人申请微信 ...

  3. 支付宝小程序云亮相!向小程序生态开放全面云服务

    前言: 小程序是一种轻量级应用程序,不需要安装即可直接在手机上使用.相较于传统的APP来讲,其无需下载安装,轻便快捷,快速启动,易于推广的良好特性为我们所青睐. 为此,支付宝小程序云,不仅为使用者,商 ...

  4. 用户超5亿,三年投10亿,开发者如何抢滩支付宝小程序蓝海?

    2018 年,被称为小程序正式搭建互联网生态圈的一年. 各大互联网巨头纷纷围猎小程序,意图用小程序丰富自己的服务形态. 而随着入局者越来越多,竞争愈发激烈.虽有"小程序红利期将持续 5 年& ...

  5. 支付宝小程序升级,一统阿里大生态!

    这场小程序浪潮中,阿里巴巴正在利用擅长的集团作战打法参与进来. 作者 | 王明雅 责编 | 伍杏玲 本文经授权转载自猎云网(ID:ilieyun) 在手机淘宝上搜索"星巴克",首行 ...

  6. 轻栈送上免费注册支付宝小程序

    你可能注意到了,除了微信小程序之外,小程序还有支付宝.百度.今日头条.抖音等.这些互联网产品纷纷推出自己的小程序. 之前说了那么多的微信小程序,是时候说一下支付宝小程序了. 你应该没想到,支付宝小程序 ...

  7. 小程序向webview传参_独家 | 支付宝小程序向个人开发者开放公测

    基于兴趣和周围小群体开发的个人小程序,才是为支付宝提供更加多样化的生活服务场景的来源. 文 | Tech星球 (微信ID:tech618) 尹非凡.刘宁宁 2月26日,Tech星球(微信ID:tech ...

  8. 互联网日报 | 3月20日 星期六 | 荣耀CEO赵明谈发展目标;家乐福中国未来谋求独立上市;微盟开放接入支付宝小程序能力...

    今日看点 ✦ 国家网信办:我国网民规模增加至9.89亿,互联网普及率达70.4% ✦ 荣耀CEO赵明谈发展目标:达到千亿规模,成为世界500强 ✦ 家乐福中国回应"50%以上股权或被苏宁出售 ...

  9. 微信回应 WeTool 被封事件;支付宝小程序开放直播功能;Raspberry Pi 4 发布 8GB 版本| 极客头条...

    整理 | 屠敏 头图 | CSDN 下载自东方 IC 快来收听极客头条音频版吧,智能播报由标贝科技提供技术支持. 「极客头条」-- 技术人员的新闻圈! CSDN 的读者朋友们早上好哇,「极客头条」来啦 ...

最新文章

  1. 新闻网站个人中心(查询用户的关注信息)流程分析
  2. python从事哪些职业好玩_Python就业可选方向有哪些?带你了解Python主流职业选择!...
  3. Angular里的structural directive的一个例子
  4. com.mysql.cj.exceptions.InvalidConnectionAttributeException
  5. 第十二章 图形用户界面
  6. 依赖注入和控制反转的理解(转载)
  7. 今夏发布的Terraform 0.12将提供for循环和第一类表达式
  8. 用决策树模型求解回归问题(regression tree)
  9. 解决请求筛选模块被配置为拒绝包含的查询字符串过长的请求
  10. LUA 协程 Coroutine
  11. C# Win32API
  12. 调用接口获得地区,再根据地区判断对应编号
  13. Procdump+Mimikatz获取Windows明文密码
  14. 指数函数、对数函数、双曲函数
  15. JAVA通过BufferedImage进行图片的绘制,缩放,裁剪,水印等操作
  16. 关于单片机程序设计的几点
  17. 研发人员一些比较重要的能力指标参考
  18. MD5 SHA1 哈希 签名 碰撞 MD
  19. 俄罗斯、乌克兰程序员薪资大曝光!
  20. 电销机器人是如何获客的?

热门文章

  1. boost::math::quadrature::gauss_kronrod用法的测试程序
  2. boost::intrusive::unordered_set用法的测试程序
  3. boost::gregorian模块实现日期相关的测试程序
  4. GDCM:DICOM转储到SQLITE3的测试程序
  5. GDCM:获取序列超声的测试程序
  6. VTK:Utilities之ShepardMethod
  7. VTK:IO之GLTFImporter
  8. OpenCV转换PyTorch分类模型并使用OpenCV C ++启动
  9. OpenGL基于PBR的图像的光照IBL的实例
  10. C语言实现镜子mirror算法(附完整源码)