支付宝小程序面向个人开放了!我将以一个 Demo 为例讲解整个流程。
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?
在正式使用知曉云的 SDK 前,首先確保走完以下 2 個流程:
第一,完成小程序的授權。目前,知曉云在注冊模塊和設置模塊都有提供小程序授權操作,二者的授權流程大體一致。在這里,我們演示設置模塊的小程序操作。
點擊應用標簽,進入應用的管理面板;
進入管理面板后,切換到設置模塊并進入應用設置 tab 頁,點擊平臺設置-支付寶小程序-立即開通,點擊編輯并填寫相關配置信息后即可完成授權。
第二,在「小程序后臺」配置安全域名。
接下來,看看知曉云的 SDK 的使用說明文檔。老夫掐指一算,將 SDK 的接入小程序的方法和數據表操作看了一遍,約莫花費 10 分鐘。
畢竟 Demo 只涉及數據操作嘛,所以要做到有的放矢,要啥看啥。
下載知曉云提供的 SDK 后,將其引入小程序的 app.js 中,并通過在前面的設置模塊的小程序設置 tab 頁中獲取當前應用的 ClientID。
完成上述操作后,小 K 就可以使用 SDK 提供的各種接口,接下來思考一下「我的書架」將用到什么數據及其結構。
由于是第一個 Demo ,本著精簡的原則,小 K 在此就只設計了一個 bookName 的字段
Tips:知曉云的數據管理模塊會為每張數據表自動創建 id,create_by,create_at,update_at 和 acl 等字段。
根據文檔提示,在使用知曉云的數據管理模塊時,需要首先提供存放數據的 tableName。因此,首先要在知曉云開發者平臺創建數據表從而獲取 tableName。
獲取 tableName 后,小 K 將其放在了 app.js 文件的 globalData 對象上,以供后面各種數據操作接口的參數調用。
開始使用知曉云的 SDK
小 K 在這里不會細談「我的書架」是如何編寫的,因為不同的童鞋的對這個功能的實現方式可能不一樣。 小 K 只會談在哪些控件中使用知曉云提供的接口,來實現小 K 的需求——添加一本書。
翻查了文檔,發現創建一條記錄很簡單,只需要調用 create 創建一條空記錄,然后調用 set 為上面創建的空記錄賦值,最后調用 save 將創建的記錄保存到服務器即可。
有時,小 K 手抖,在輸入書目的時候填寫了錯別字,那么理應提供一個更新記錄的功能吧;
知曉云提供了 update 接口,讓更新數據 so easy。
最后,當小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 为例讲解整个流程。的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 阿里巴巴数据分析沙龙 杭州站圆满召开
- 下一篇: 042、用volume containe