支付宝小程序面向个人开放了！我将以一个 Demo 为例讲解整个流程。
3 月伊始，ifanr 旗下品牌——知曉云 3.0 版本正式上線。此次更新得到業(yè)內(nèi)許多開發(fā)者的密切關(guān)注和積極支持，在此，我代表知曉云團(tuán)隊表示萬分感謝哈。(￣▽￣)~*
知曉云是業(yè)界第一個支持多平臺小程序開發(fā)的后端云服務(wù)，它免去了小程序開發(fā)中服務(wù)器搭建、域名備案、數(shù)據(jù)接口開發(fā)、線上運(yùn)維等繁瑣流程，讓開發(fā)者更快、更低成本地做出優(yōu)質(zhì)的小程序。
言歸正傳。和許多童鞋一樣，小 K 使用知曉云時，也是第一次開發(fā)小程序，開發(fā)過程也是百轉(zhuǎn)曲折。 因此，小 K 希望通過這篇文章，和各位童鞋進(jìn)行交流。畢竟，大家的學(xué)習(xí)歷程是相似的，遇到的困惑也應(yīng)該差不多。
本文結(jié)構(gòu)大致如下：
- 談?wù)勅绾纬蔀橹Ц秾毿〕绦蜷_發(fā)者。
- 聊聊如何創(chuàng)建我的第一個支付寶小程序。
- 以一個 Demo 為例，詳細(xì)講講如何在支付寶小程序中接入和使用知曉云 SDK。
如何成為一名支付寶小程序開發(fā)者？
申請成為支付寶小程序開發(fā)者，是一件再簡單不過的事兒，僅需 2 步，比把大象放進(jìn)冰箱還簡單。
第一步，登錄螞蟻金服開放平臺，注冊成為小程序開發(fā)用戶。此過程需要你依次完成賬號信息、郵箱激活和信息登記等流程。
第二步，完成上述操作后，就能進(jìn)入小程序管理后臺，點擊創(chuàng)建應(yīng)用并填寫信息，創(chuàng)建成功后即可獲取開發(fā)小程序的 AppID。 嗯，現(xiàn)在小 K 已經(jīng)是一枚準(zhǔn)小程序開發(fā)者啦。（后續(xù)請進(jìn)入小程序配置-設(shè)置-開發(fā)設(shè)置，根據(jù)平臺的設(shè)置方式教程，配置接口加簽方式，獲得支付寶公鑰和密鑰文件）
如何創(chuàng)建我的第一個小程序？
獲得了「準(zhǔn)入資格」后，小 K 開始參照小程序官方文檔，下載官方的開發(fā)者工具并創(chuàng)建了一個初始化的小程序。
Well done！小 K 的第一個初始化小程序誕生了～
接下來，可以看看支付寶小程序官方的體驗小程序 Demo 教程文檔，熟悉一下小程序代碼組織方式和開發(fā)特性。
現(xiàn)在，有了開發(fā)工具和基礎(chǔ)知識積累，可以試試 freestyle 咯。
唯一的問題是：小 K 應(yīng)該選擇什么類型的小程序作為 Demo 呢？
對于 Demo 選擇，唯一的原則就是精簡
- 「簡」是像小 K 這樣的小白開發(fā)者一看就懂。
- 「精」是盡可能在有限的代碼中，體現(xiàn)知曉云功能的強(qiáng)大性。
于是，我選擇了個經(jīng)典的 TodoMVC 的小程序——「我的書架」作為示例。
由于「我的書架」 Demo 將知曉云的核心模塊之一——數(shù)據(jù)管理的 CRUD 操作很好地展示了出來，所以，我們希望通過這個 Demo 讓各位童鞋學(xué)會利用知曉云，完成常見的數(shù)據(jù)增刪改查功能。
如何在小程序中調(diào)用知曉云 SDK？
在正式使用知曉云的 SDK 前，首先確保走完以下 2 個流程：
第一，完成小程序的授權(quán)。目前，知曉云在注冊模塊和設(shè)置模塊都有提供小程序授權(quán)操作，二者的授權(quán)流程大體一致。在這里，我們演示設(shè)置模塊的小程序操作。
點擊應(yīng)用標(biāo)簽，進(jìn)入應(yīng)用的管理面板；
進(jìn)入管理面板后，切換到設(shè)置模塊并進(jìn)入應(yīng)用設(shè)置 tab 頁，點擊平臺設(shè)置-支付寶小程序-立即開通，點擊編輯并填寫相關(guān)配置信息后即可完成授權(quán)。
第二，在「小程序后臺」配置安全域名。
接下來，看看知曉云的 SDK 的使用說明文檔。老夫掐指一算，將 SDK 的接入小程序的方法和數(shù)據(jù)表操作看了一遍，約莫花費(fèi) 10 分鐘。
畢竟 Demo 只涉及數(shù)據(jù)操作嘛，所以要做到有的放矢，要啥看啥。
下載知曉云提供的 SDK 后，將其引入小程序的 app.js 中，并通過在前面的設(shè)置模塊的小程序設(shè)置 tab 頁中獲取當(dāng)前應(yīng)用的 ClientID。
完成上述操作后，小 K 就可以使用 SDK 提供的各種接口，接下來思考一下「我的書架」將用到什么數(shù)據(jù)及其結(jié)構(gòu)。
由于是第一個 Demo ，本著精簡的原則，小 K 在此就只設(shè)計了一個 bookName 的字段
Tips：知曉云的數(shù)據(jù)管理模塊會為每張數(shù)據(jù)表自動創(chuàng)建 id，create_by，create_at，update_at 和 acl 等字段。
根據(jù)文檔提示，在使用知曉云的數(shù)據(jù)管理模塊時，需要首先提供存放數(shù)據(jù)的 tableName。因此，首先要在知曉云開發(fā)者平臺創(chuàng)建數(shù)據(jù)表從而獲取 tableName。
獲取 tableName 后，小 K 將其放在了 app.js 文件的 globalData 對象上，以供后面各種數(shù)據(jù)操作接口的參數(shù)調(diào)用。
開始使用知曉云的 SDK
小 K 在這里不會細(xì)談「我的書架」是如何編寫的，因為不同的童鞋的對這個功能的實現(xiàn)方式可能不一樣。 小 K 只會談在哪些控件中使用知曉云提供的接口，來實現(xiàn)小 K 的需求——添加一本書。
翻查了文檔，發(fā)現(xiàn)創(chuàng)建一條記錄很簡單，只需要調(diào)用 create 創(chuàng)建一條空記錄，然后調(diào)用 set 為上面創(chuàng)建的空記錄賦值，最后調(diào)用 save 將創(chuàng)建的記錄保存到服務(wù)器即可。
有時，小 K 手抖，在輸入書目的時候填寫了錯別字，那么理應(yīng)提供一個更新記錄的功能吧；
知曉云提供了 update 接口，讓更新數(shù)據(jù) so easy。
最后，當(dāng)小K的書架不再存在某本書時，必然需要一個刪除操作。通過調(diào)用 delete 接口就可以實現(xiàn)一條記錄的刪除操作。
最后的話
以上就是小 K 用知曉云烹調(diào)出的第一個支付寶小程序——「我的書架」，最主要就是用到了知曉云的數(shù)據(jù)管理功能模塊。
當(dāng)然，知曉云還提供作為 BaaS 產(chǎn)品的基礎(chǔ)文件上傳和數(shù)據(jù)統(tǒng)計功能等，同時具備貼切小程序的特性功能，譬如支付寶支付和富文本編輯功能。
除了「我的書架」 Demo 外，知曉云官方還提供了知曉云 SDK 官方示例小程序，用于演示 SDK 更豐富的接口使用方法。代碼已開源在 ifanrX 的 GitHub 上，鏈接：https://github.com/ifanrx/hydrogen-demo 有興趣的童鞋可以 star 或是 fork 一下。
本文首發(fā)于「知曉云」公眾號：https://mp.weixin.qq.com/s/VkIIWltlaCZcbTN5dp2aCg
知曉云是國內(nèi)首家專注于小程序開發(fā)的后端云服務(wù)。使用知曉云，小程序開發(fā)快人一步。
總結(jié)
以上是生活随笔為你收集整理的支付宝小程序面向个人开放了！我将以一个 Demo 为例讲解整个流程。的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 阿里巴巴数据分析沙龙 杭州站圆满召开
- 下一篇： 042、用volume containe