支付寶小程序面向個人開放了!我將以一個 Demo 爲例講解整個流程。


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/hyd... 有興趣的童鞋可以 star 或是 fork 一下。


本文首發於「知曉雲」公衆號:https://mp.weixin.qq.com/s/Vk...

知曉雲是國內首家專注於小程序開發的後端雲服務。使用知曉雲,小程序開發快人一步。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章